fixed Firefox view

DevStory3.html

@@ -225,9 +225,10 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
 
         <div class="scene3-5-1">
             <?xml version="1.0" encoding="UTF-8"?>
-            <svg width="140%" id="" height="auto" viewBox="0 0 1924 1125" version="1.1"
-                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="left: -20%;
-position: relative;">
+            <svg width="100%" id="" height="auto" viewBox="0 0 1924 1125" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: relative;
+                width: 100%;
+                top: -5%;">
                 <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
                 <title>Group 56</title>
                 <desc>Created with Sketch.</desc>
@@ -520,8 +521,8 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
 
         <div class="scene3-6" id="changethisbg">
             <?xml version="1.0" encoding="UTF-8"?>
-            <svg width="140%" height="auto" viewBox="0 0 1953 1131" version="1.1" xmlns="http://www.w3.org/2000/svg"
-                xmlns:xlink="http://www.w3.org/1999/xlink" style="left: -20%;
+            <svg width="100%" height="auto" viewBox="0 0 1953 1131" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink" style="
                 position: relative;">
                 <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
                 <title>Group 33</title>
@@ -752,7 +753,6 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
             </svg>
         </div>
 
-
         <div class="talkbubble" id="UiChange7">
             <div class="cecetalk" style="top: -10%; left:0%"><b>CeCe:</b> Now this is the fun part. I'm going to need
                 your help, Squiggy!
@@ -1086,7 +1086,6 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
         pinSpacing: false
     });
 
-
     //fade in txt 
     const scrollbubbles = gsap.utils.toArray(".scrollbubble");
     scrollbubbles.forEach((scrollbubble) => {
@@ -1188,7 +1187,6 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
 
     window.history.scrollRestoration = "manual";
 
-
     //drop in 1
     gsap.timeline({
         scrollTrigger: {
@@ -1456,7 +1454,6 @@ <h1 style="font-size: 1.6em;">Something's NOT Registering!</h1>
             delay: 1
         })
 
-
 </script>
 
 </html>

style.css

@@ -1559,7 +1559,7 @@ h1 {
     background-color: black;
     height: 100vh;
     overflow: hidden;
-    margin: 0;
+    margin: auto;
     top: 0;
     background-repeat: no-repeat;
     background-position: center center;