Elements incorrectly changing position when scaling?

I have four overlapping images that are running parallel to each other. I have set them to absolute, and the parent section is set to relative.

I expected that when I scale the screen size up/down, the elements would move in an equal fashion. This definitely isn’t the case, everything moves left correctly, but some items are moving up/down.

Can someone please help me with this?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)