Feedback 2

assets/styles/_intersection.scss

@@ -5,13 +5,17 @@ $reduced-motion-speed-factor: 10;
 
   @media (prefers-reduced-motion: reduce) {
     $new-animation: ();
+
     @each $value in $animation {
-      @if type-of($value) == number and unit($value) == "s" {
+      @if type-of($value)==number and unit($value)=="s" {
         $new-animation: append($new-animation, $value * $reduced-motion-speed-factor);
-      } @else {
+      }
+
+      @else {
         $new-animation: append($new-animation, $value);
       }
     }
+
     #{$property}: $new-animation;
   }
 }
@@ -112,4 +116,4 @@ $reduced-motion-speed-factor: 10;
 
 .story--animation {
   @include reduced-motion-animation(animation, (fade-in 2s ease-in forwards));
-}
+}

script.js

@@ -1,16 +1,14 @@
-const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    function applyDarkMode(prefersDarkMode) {
-      if (prefersDarkMode.matches) {
-        document.body.classList.add('dark-mode');
-      } else {
-        document.body.classList.remove('dark-mode');
-      }
-    }
-    applyDarkMode(darkModeMediaQuery);
-    darkModeMediaQuery.addListener(applyDarkMode);
-
+const darkModeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+function applyDarkMode(prefersDarkMode) {
+  if (prefersDarkMode.matches) {
+    document.body.classList.add("dark-mode");
+  } else {
+    document.body.classList.remove("dark-mode");
+  }
+}
+applyDarkMode(darkModeMediaQuery);
+darkModeMediaQuery.addListener(applyDarkMode);
 
-/* scene 1 */
 const scene1__img__logo = document.querySelectorAll(".scene1__img--logo");
 
 const options = {
@@ -35,8 +33,6 @@ scene1__img__logo.forEach((scene1__img__logo) => {
   observer1.observe(scene1__img__logo);
 });
 
-/* scene 2 - cloud */
-
 const scene2__img__cloud = document.querySelectorAll(".scene2__img--cloud");
 
 const observer19 = new IntersectionObserver(
@@ -57,7 +53,6 @@ scene2__img__cloud.forEach((scene2__img__cloud) => {
   observer19.observe(scene2__img__cloud);
 });
 
-/* scene 2 - buildings */
 const scene2__buildings = document.querySelectorAll(".scene2__buildings");
 
 const observer2 = new IntersectionObserver(
@@ -78,8 +73,6 @@ scene2__buildings.forEach((scene2__buildings) => {
   observer2.observe(scene2__buildings);
 });
 
-/* scene 3 */
-
 const scene3__shake = document.querySelectorAll(".scene3__shake");
 
 const observer3 = new IntersectionObserver(