One more Safari "absolute" positioning issue!

I find myself stuck on a Safari issue: the dreaded absolute positioning. It stretches my component over the whole parent’s parent block.

  • it only happens in Safari
  • I tried editing all parent’s divs into FLEX
  • I tried removing the absolute positioning in favor of margins
  • I tried reworking the alignments
    Nothing worked. I’ve browsed the whole safari section here to find no avail.
    I’m at a loss. But I can’t give up on my mac viewers. I can’t…fail them!

Would you please help me out with this beast of an issue please?

Here is the proper design:

Here’s the corrupted one (even the rez of this pic is 666x500. if that’s not a sign haha):

Here is a read-only link: Webflow - Tien Art

Also, I have no way to test on Safari being a windows user. Would you know of an easy way to do so? If that even exists.

Thank you very much for your help!

Here is my site Read-Only: (Webflow - Tien Art)
(how to share your site Read-Only link)

Found my solution :
The width of each of these components was at 100%. It was useless it seems so I switched them back to Auto. Which did the trick it seems.