diff --git a/assets/styles/tools/_mixins.scss b/assets/styles/tools/_mixins.scss
index 454da78..1aefeb0 100644
--- a/assets/styles/tools/_mixins.scss
+++ b/assets/styles/tools/_mixins.scss
@@ -203,11 +203,11 @@
 
 @mixin aspect-ratio($ratio: math.div(16, 9), $width: 100%, $children: false) {
 
-    @supports not (aspect-ratio: 1) {
+    @supports (aspect-ratio: 1) {
         aspect-ratio: $ratio;
     }
 
-    @supports (aspect-ratio: 1) {
+    @supports not (aspect-ratio: 1) {
         height: 0;
         padding-top: calc(#{$width} * #{math.div(1, $ratio)});