Why is my hero breaking on Safari mobile and Edge mobile?

My home hero goes absolutely out of whack on Safari mobile and Edge mobile. It seems just fine on all desktop browsers, and on Chrome mobile, which is weird because I thought the new Edge uses the same rendering engine as Chrome.
I think it has something to do with the home hero image, but my nav bar also extends way past the viewport so I don’t really understand what’s happening.

Any ideas?

This is what it looks like on Safari mobile


Here is my site Read-Only: LINK

https://www.loom.com/share/9a6dbfd8b78243fe9b3e3cda2e527474

Oh my god. What is happening?! This looks completely different than on my browser??? Even on desktop it’s a complete mess!!!