My site is broken when viewed in Safari

I used a template to create my website. The only problem I ran into is that it is sometimes completely broken, when viewed in Safari and sometimes it is just, that the rounded edges are not really displayed like they should. Every other browser seems to work good. Sometimes even the background videos are not playing and it does show a play button, that should not be there and I even turned it off in the settings.

The main problem is that most of the agencies I want to send the site to are using Mac and Safari.
It means the world to me, if anyone of you can help me solving these issues!

I attached a few videos to show you how it should look and how it looks on my friend’s iPhone and on my Mac:

How it should look like (Firefox, latest version on Mac): How it should look like.mp4 - Google Drive

Safari on my friend’s iPhone: VID-20221104-WA0000.mp4 - Google Drive

Safari on Mac: Safari on Mac.mp4 - Google Drive

And screenshots:

How it should look like:

How it should not look like:

How it absolutely shouldn’t look like:

Thank you, everyone!


Here is my site Read-Only: Webflow - Tommy Costa