White bar under the Hero Section only on mobile

Hey, I’m having a very annoying issue with my site scm.finance

Ever since we published it to the domain there is a white bar underneath the Hero section. This white bar only appears on Mobile (IOS as far as I’m aware) and not on the simulated mobile in chrome inspect.

I’m having a very hard time figuring out what is causing this issue as I can use developer tools on Safari on my phone and it doesn’t happen on desktop.

The Hero section is set to 100VH and so is the Video background, there is no margin or padding and the video background is set to cover.

Here is my site Read-Only:
https://preview.webflow.com/preview/scorpion-capital-management?utm_medium=preview_link&utm_source=designer&utm_content=scorpion-capital-management&preview=f0a59b1805d0c425482241aded61c66c&workflow=preview

One last remark, before the video background did not play on iPhone, then I added a code that should fix this, but it didn’t so I removed the code. Now all of a sudden it plays on my phone and the issue with the white bar appeared. It could be connected

Thank you in Advance!