Hi, I am trying to create a hover effect where a hover image overlaps to the pre-existing image. I can recreate this as in the demo kit project, using interactions, but I can't get the same pattern to work in the project I am working on right now, since here things are a bit more complicated: the image is also supposed to link to a video that opens within a lightbox. As you can see in the screenshot, the two images do not overlap perfectly, the size is different, despite the fact that the size of both containers is set to "Auto". I guess there's a problem with nested elements but it gets quite confusing to this point, I hope you can help me figure out.
It's also strange that the video URL does not seem to be editable (it does work though).
Real-only link: https://preview.webflow.com/preview/ux-map?preview=11cdde13775de465ab78859ec648919e
Browser: Chrome on Mac OX El Captain.
Site live (as it should work, but hover effect is currently achieved simply by changing opacity on hover state): www.ux-map.com