Site not behaving in mobile correctly like in designer

My site is working perfectly in the designer but then when i look at it on my mobile device some of the content doesn’t show up on mobile(safari and chrome don’t work). I have tried everything with making certain elements relative and adjusting the z-index but nothing changes. Also somtimes elements show up and then they disappear when reloading the site even though I haven’t touched the settings for that element.

There is a scroll-snap embed and custom code for vimeo player in the page settings. I’ve done the scroll-snap css before and it’s worked on other sites but I can’t figure out what is wrong with this one.

Please help, this almost feels like a bug. Even my vimeo script in the page settings was working perfectly yesterday and now it’s not working and I didn’t touch it.

Here is my site Read-Only: Webflow - Magic Tree House