update video container

Author: Song-Jingyu

docs/index.html

@@ -227,15 +227,14 @@ <h2 class="subtitle has-text-centered">
   </div>
 </section>
 
-<section class="video-section">
-  <h2>Video</h2>
-  <div class="video-container">
-    <iframe width="560" height="315" 
-            src="https://www.youtube.com/embed/2_1MYjeZ9lY?si=wwugo9UCCG8JRlAv" 
-            title="YouTube video player" 
-            frameborder="0" 
-            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
-            referrerpolicy="strict-origin-when-cross-origin" 
+<section class="video-section" style="text-align: center;">
+  <div class="video-container" style="display: inline-block;">
+    <iframe width="900" height="506"
+            src="https://www.youtube.com/embed/2_1MYjeZ9lY?si=wwugo9UCCG8JRlAv"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            referrerpolicy="strict-origin-when-cross-origin"
             allowfullscreen>
     </iframe>
   </div>