My contact page is messed up on Safari, but looks great everywhere else

Design help Experimental browsers
1

Hello everyone,
I managed to get the unmask section of my contact page working fine. i.e, the form section scrolls on top of the hero section. However, I noticed that the reverse is the case on Safari.

Kindly help,
Khadija.

https://preview.webflow.com/preview/j00sama?utm_medium=preview_link&utm_source=designer&utm_content=j00sama&preview=2863fd41fdb459da996d8f47cd17bef6&workflow=preview