Mobile Chrome has Extra Padding - Horizontal Sliding

Hello!

My website is sliding left and right on the Chrome Browser on my iPhone 12.

The strange thing is, on clicking the link brand new, on Portrait orientation, the page is without the extra space on the left and right. But when orienting landscape, It adds the extra space then adds space. When orienting back top Portrait, the space stays and you can not remove the space on the Right of the Body Div. On top of it, the scroll bars are floating away from the right side and creating a bottom scrollbar due to the added left and right space.

I don’t know what is going on. Help?

https://diamonddiamond.webflow.io/

https://preview.webflow.com/preview/diamonddiamond?utm_medium=preview_link&utm_source=designer&utm_content=diamonddiamond&preview=88f57199d83ab0287d7d6d8d3903d80a&pageId=6030baaffd3dc584c3c3978a&mode=preview

Hello
I tried this on my iPhone 7 and everything works fine. No extra space etc. A simulation in Sizzy also shows no extra space. Clear the chache on the iPhone?