added magazine covers to video

devstory5.html

@@ -243,7 +243,6 @@ <h1 style="font-size: 1.6em;">Know Your Body Buddies</h1>
                 </video>
                 <img src="img/downarrowbutton.svg" class="nextsectionbutton" onclick="scroll1()">
                 <img src="img/repeatbutton.svg" class="repeatbutton" onclick="repeatmovie1()">
-
             </div>
         </div>
 
@@ -252,9 +251,12 @@ <h1 style="font-size: 1.6em;">Know Your Body Buddies</h1>
             <div class="squiggytalk5"><b>Squiggy:</b> Hey, I remember this place from the time we rescued that lost
                 tissue block! Isn't this the RUI?
             </div>
+            <div id="scrollto1"></div>
+
         </div>
+
         <div style="height: 20vh;background-color: black;"></div>
-        <div id="scrollto1"></div>
+
         <div class="talkbubble">
             <div class="cecetalk5"><b>CeCe:</b> That's right, and this RUI, or Registration User Interface, is where our
                 story begins.
@@ -286,8 +288,7 @@ <h1 style="font-size: 1.6em;">Know Your Body Buddies</h1>
 
         <div class="scene5-10"></div>
         <div class="talkbubble">
-            <div class="mactalk"><b>Mac:</b> Exactly!
-            </div>
+            <div class="mactalk"><b>Mac:</b> Exactly!</div>
         </div>
         <div style="height: 20vh;background-color: black;"></div>
         <div id="scrollto3"></div>

style.css

@@ -2604,7 +2604,12 @@ body:has(#bar9:hover) #label9 {
 
 .video5 {
     width: 100%;
-    max-height: 100vh;
+    max-height: 90vh;
+    margin: auto;
+    justify-content: center;
+    display: flex;
+    top: 2vh;
+    position: relative;
 }
 
 .vid {