add old safari support

assets/sass/_theme/_utils.sass

@@ -163,18 +163,6 @@
         aspect-ratio: #{$ratio}
         display: block
         width: 100%
-    @supports not (aspect-ratio: 1)
-        position: relative
-        &::before
-            content: ''
-            padding-top: (1 / $ratio) * 100%
-            width: 100%
-        #{$selector}
-            bottom: 0
-            left: 0
-            position: absolute
-            right: 0
-            top: 0
 
 @mixin article($background: null)
     position: relative
@@ -390,4 +378,12 @@
     font-style: $style
     font-weight: $weight
     font-display: swap
-    src: $src
\ No newline at end of file
+    src: $src
+
+
+// Old browsers support
+
+@mixin browser-under-safari-16
+    @media not all and (min-resolution:.001dpcm) 
+            @supports (-webkit-appearance:none) and (display:flow-root)
+                @content
\ No newline at end of file

assets/sass/_theme/blocks/gallery.sass

@@ -33,6 +33,8 @@
     &--grid
         .gallery
             align-items: baseline
+            @include browser-under-safari-16
+                align-items: start
             @include in-page-with-sidebar
                 @include grid(3, desktop, half($grid-gutter), half($grid-gutter))
             @include in-page-without-sidebar

assets/sass/_theme/blocks/video.sass

 .block-video
     .video
         @include aspect-ratio(16/9, 'iframe')
+        @supports not (aspect-ratio: 1)
+            iframe
+                min-height: 400px
         iframe
             background: black
     @include in-page-without-sidebar