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

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,