diff --git a/ascii_racer.mp4 b/ascii_racer.mp4
new file mode 100644
index 0000000..0917ac9
Binary files /dev/null and b/ascii_racer.mp4 differ
diff --git a/index.html b/index.html
index 44eb2a1..9fbda52 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
 </head>
 <body>
     <header>
-        <h2>
+        <div class="header-content">
             <pre>
    _____    __________________ .___.___  __________    _____  _________ _____________________
   /  _  \  /   _____/\_   ___ \|   |   | \______   \  /  _  \ \_   ___ \\_   _____/\______   \
@@ -17,42 +17,49 @@
 \____|__  /_______  / \______  /___|___|  |____|_  /\____|__  /\______  /_______  / |____|_  /
         \/        \/         \/                  \/         \/        \/        \/         \/
             </pre>
-        </h2>
+        </div>
     </header>
-    <section class="game-description">
-        <h2>About the Game</h2>
-        <p>ASCII RACER is an exciting top-down racing game created entirely with ASCII characters. Race against the clock and your opponents on a track filled with challenges and obstacles.</p>
-    </section>
-    <section class="game-media">
-        <h2>Game Media</h2>
-        <div class="screenshot">
-            <img src="screenshot1.jpg" alt="Screenshot 1">
-        </div>
-        <div class="screenshot">
-            <img src="screenshot2.jpg" alt="Screenshot 2">
-        </div>
-        <div class="video">
-            <iframe src="https://www.youtube.com/embed/your-video-id" frameborder="0" allowfullscreen></iframe>
-        </div>
-    </section>
-    <section class="download">
-        <h2>Download the Game</h2>
-        <p>Download ASCII RACER now and start racing in a world of ASCII art!</p>
-        <a href="download-link-here" class="download-button">Download Now</a>
-    </section>
+    <main class="container">
+        <section class="game-description">
+            <h2>About the Game</h2>
+            <p>ASCII RACER is an exciting top-down racing game created entirely with ASCII characters. Race against the clock and your opponents on a track filled with challenges and obstacles.</p>
+        </section>
+        <section class="game-media">
+            <h2>Game Media</h2>
+            <div class="media-container">
+                <div class="media-item">
+                    <img src="screenshot1.png" alt="Screenshot 1">
+                </div>
+                <div class="media-item">
+                    <img src="screenshot2.png" alt="Screenshot 2">
+                </div>
+                <div class="media-item video-item">
+                    <video controls>
+                        <source src="ascii_racer.mp4" type="video/mp4">
+                        Your browser does not support the video tag.
+                    </video>
+                </div>
+            </div>
+        </section>
+        <section class="download">
+            <h2>Download the Game</h2>
+            <p>Download ASCII RACER now and start racing in a world of ASCII art!</p>
+            <a href="https://gitlab.com/thatscringebro/terminal_racer" class="download-button">Download Now</a>
+        </section>
+    </main>
     <footer>
-        <p>&copy; 2023 ASCII RACER | All rights reserved</p>
+        <p>&copy; 2023 ASCII RACER | Merlin Gélinas</p>
     </footer>
 </body>
 </html>
 <style>
-@font-face {
+    @font-face {
     font-family: 'Cascadia';
     src: url('cascaydia.otf') format('opentype');
     /* You may need to adjust the file path above to point to your cascaydia.otf file */
 }
 
-    /* Reset default styles */
+/* Reset default styles */
 body, h1, h2, p, img, iframe {
     margin: 0;
     padding: 0;
@@ -70,6 +77,11 @@ header {
     padding: 20px;
 }
 
+.header-content {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
 h1 {
     font-size: 36px;
 }
@@ -96,20 +108,37 @@ p {
     font-size: 16px;
     line-height: 1.5;
 }
+.media-container {
+        display: flex;
+        flex-wrap: wrap;
+    }
 
-.screenshot, .video {
+    /* Set the width of the container to match the two images */
+    .media-container .media-item {
+        width: calc(50% - 20px);
+        margin: 10px;
+    }
+
+    .media-container .video-item {
+        width: calc(100% - 20px);
+        margin: 10px;
+    }
+
+    /* Set a max-width for the video */
+    .video-item video {
+        max-width: 100%;
+        width: 100%;
+        height: auto;
+    }
+    
+.media-item {
     margin: 10px;
 }
 
-img {
+.media-item img {
     max-width: 100%;
 }
 
-iframe {
-    width: 100%;
-    height: 400px;
-}
-
 .download-button {
     display: inline-block;
     padding: 10px 20px;
@@ -142,4 +171,28 @@ footer {
     }
 }
 
+/* Center the download section */
+.download {
+    text-align: center;
+}
+
+/* Display screenshots side by side */
+.media-item {
+    display: inline-block;
+    margin: 10px;
+    vertical-align: top;
+    width: calc(50% - 20px);
+    box-sizing: border-box;
+}
+
+.media-item img {
+    max-width: 100%;
+}
+
+/* Video item styles */
+.video-item {
+    width: 100%;
+    text-align: center;
+    display: block;
+}
 </style>
diff --git a/screenshot1.png b/screenshot1.png
new file mode 100644
index 0000000..9387c6b
Binary files /dev/null and b/screenshot1.png differ
diff --git a/screenshot2.png b/screenshot2.png
new file mode 100644
index 0000000..6a69181
Binary files /dev/null and b/screenshot2.png differ
