Issues with incorrectly cropped elements on Safari

Design help Layout & Design
1

Hi! :wave:

I’m working at my portfolio: https://sam-portfolio-04d80a.webflow.io/

…and I’m having several issues on Safari which I don’t have on Chrome and Firefox… :unamused::grinning:

  1. The hero animation showing a big loading bar is not cropped correctly in Safari (but it is on Chrome and Firefox! :face_with_raised_eyebrow:). - Why is that? What can I do to fix it?

  2. Also regarding the hero section: somehow the text only fits into the line when adjusting the window. Depending on the window size on Safari, it either stays in one line (as intended) or it uses two lines. - Any Idea how to fix that?

  3. Regarding the last section (“about” section), the image does not crop like on Chrome and Firefox. I want the image to be a circle.

If you have any ideas, please let me know - that would be great! Thank you!

Sam

Here is my site Read-Only: Webflow - SAM Portfolio 2022