I’m encountering an issue that I haven’t been able to find another post about. Essentially, I have a lightbox element that I want to be responsive and that has a play button that sits over it and has an interaction applied to it. Here’s the structure:
(this is located on the home page, ignore all other pages, they’re remnants of a template)
In order to get my play button to sit over the lightbox link, I made the div (class: TED Video Div) a flexbox. The issue is that when I switch to tablet view or mobile landscape view, the thumbnail image shrinks inside of the div, even though the width of the image is set to 100%. When I change a style, the image goes back to being the full size, but then after a few seconds, it shrinks back down. It looks normal in desktop or mobile portrait mode though, so this seems like it could be a bug?
Anyone have any advice? Also, if there’s a better way to achieve what I’m looking for, please let me know!
Here is my site Read-Only: https://preview.webflow.com/preview/2017-annual-report?preview=dac45cb39bc998c306343d8f1353d174