Safari is impossible

Hello lovely Webflowers!

My homepage is hopelessly misaligned, but only on Safari. Please see screenshots below - my changer overflow is plopped right on top of the constant heading. This is only an issue on laptop/desktop view of Safari, mobile seems to be accurate to the Chrome view.

Here is my site preview

and here is my live site

I have tried the following to fix this issue, to no avail:

  1. realign the individual textboxes to prevent the centering and overlap
  2. set position to relative for all elements in the hero section, including the section itself.
  3. fooling around with zooming - doesn’t change the appearance in safari as the page doesn’t seem to be responsive to breakpoints at all, unlike in Chrome.

This newbie very much appreciates any advice :slight_smile:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)