I have been working on interactions and I finally got my hero section working right. I even got it to look right on mobile…for a second. It was looking good then one time when I refreshed the positioning of one object went way off. When I view it in a browser it looks fine. When I change my browser to a mobile size it looks fine. When I preview in the designer it looks fine. When I view it on my phone its all jacked up.
The white box with the arrow is supposed to sit overtop of the bottom corner of the bigger box, but no on mobile it is pushed down about 50 pixels or more.
Here is the read-only link: https://preview.webflow.com/preview/volca?preview=6df08c8fe68f99f8a027a3b97d46bac0
Here is a snapshot of it at the mobile size in a browser(desktop) and a snapshot of how it looks like on my phone:
on the phone:
Can someone please help me figure this out?