Image moving up when scaling

I am trying to overlap one image onto another. I was able to get it into position the way I want in the LARGE view but when I scale the page size down the top image moves up. How do I get it to scale and stay in the same place as the background image?

Large view


Medium view

Small view

Code