Everything shifted when opening design in Safari


I have been reading on different posts in this forum to try to find an answer…
But, since they are not about the same template as I use (which is very much based on visible lines), I can’t seem to find a solution.

First of all, why the **** does a design vary so much from Chrome to Safari? I have designed the whole page in Chrome, opened it in Safari and everything shifted. The lines are breaking in various weird places, my sticky sidebar is shrinked, the mobile preview is off… I mean, where to begin? I can’t seem to find out how to fix this and keep wondering if Webflow is even worth it if the design varies so much from Safari to Chrome.

Her is my preview link: https://preview.webflow.com/preview/idas-trendy-project-9f5abf?utm_medium=preview_link&utm_source=designer&utm_content=idas-trendy-project-9f5abf&preview=f42984cd522018f5de8987cfc893428f&pageId=5fc6a00aaafd83a08ba4c700&mode=preview

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