Fix media viewer animations toggle

src/scss/partials/_mediaViewer.scss

@@ -1,6 +1,4 @@
 .media-viewer {
-  --open-duration: .2s;
-  --move-duration: .35s;
   position: fixed;
   top: 0;
   left: 0;
@@ -12,11 +10,6 @@
   align-items: center;
   justify-content: center;
 
-  body.animation-level-0 & {
-    --open-duration: 0;
-    --move-duration: 0;
-  }
-
   @include respond-to(handhelds) {
     background: #000;
   }
@@ -378,6 +371,8 @@
   }
 
   &-whole {
+    --open-duration: .2s;
+    --move-duration: .35s;
     top: 0;
     left: 0;
     width: 100%;
@@ -388,6 +383,11 @@
     visibility: hidden;
     transition: visibility 0s var(--open-duration);
 
+    body.animation-level-0 & {
+      --open-duration: 0s;
+      --move-duration: 0s;
+    }
+
     &.active {
       visibility: visible;
       transition-delay: 0s;