Absolute Positioned Image over Image - Responsive Problem


So I’ve got a website, where I used an absolutely positioned image inside another image. When resizing, that image doesn’t rezise nicely and I’m without solutions how to somehow fix that.

You can see it here - just resize window to like 600px. http://debugcopy.webflow.io

Link: https://preview.webflow.com/preview/debugcopy?utm_source=debugcopy&preview=c51ea2b3dee43360a5d5b4b8d327915e

Hey @maartin

In order for the two images to remain in relationship and responsive is to use % for the sizing and positioning.


Here are the settings I use in the styles panel in desktop breakpoint for the screen overlay image. Click to enlarge. These settings cascade down to the lower breakpoints and keep it all together.


Hope that helps. Happy designing!