Hello i’m trying to have a “div overlay” on top of an image that matches the size (incuding padding) of the container.
i have set everything right to get the overlay, but the top transparent layer overlaying doesn’t take into account its container padding, thus ending with a larger zone than the actual image with the top div.
What do i need to do to make the overlaying layer (div) perfectly match the image size underneath (while keeping the padding?) .
(check the example in the link below.
Here is my public share link: https://preview.webflow.com/preview/div-overlay-padding?preview=ccceb0cf84804469db3eac6dbe9563a1