safari overrides

src/assets/styles/main.scss

@@ -311,3 +311,16 @@ nav {
   display: flex;
   position: relative;
 }
+
+/* (Safari + MobileSafari >= 14.6) or (All MobileSafari versions) */
+@supports  (selector(:nth-child(1 of x))) or (-webkit-touch-callout: none) {
+  body{
+    overflow-x: hidden;
+  }
+  section#support, section#be-your-own{
+    transform: translate(0,0);
+  }
+  section#supprt img{
+    max-width: 40vh;
+  }
+}