I ran into a Safari issue and wondering if someone could help. I have a background video hero and right below, a section using a white wave svg https://www.lauracapinas.com/ I used negative margins to bring the wave on top of the video. It works on Chrome but for some reason, not Safari. And on the rest of the pages, the wave shows on top of images on both browsers.
I read that it’s good to avoid negative margins but not sure of other options.