Rearrange screenshots

Author: ThomasFarstrike

index.html

@@ -215,7 +215,7 @@
             height: auto;
             aspect-ratio: 4 / 3;           /* Forces 4:3 ratio (e.g. 320x240) */
             object-fit: contain;           /* Keeps full content visible */
-            border-radius: 10px;
+            border-radius: 0px;		   /* no rounded corners because the content is close to the corner too */
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
             transition: transform 0.3s ease, box-shadow 0.3s ease;
             background: #000;              /* Prevents flash on video load */
@@ -511,34 +511,34 @@ <h2>Screenshots</h2>
                     <img src="screenshots/light/0.7.2/settings_top.png" alt="MicroPythonOS Settings app">
                 </video>
 
-                <!-- <img src="screenshots/light/0.0.6/mpos_appstore.png" alt="App Store Screenshot"/> -->
-                <video autoplay loop muted playsinline poster="screenshots/light/0.7.2/appstore_connect4.png" width="320" height="240" preload="auto">
-                    <source src="screenshots/light/0.7.2/appstore-2026-01-28_19.35.04_cut.mp4" type="video/mp4">
-                    <img src="screenshots/light/0.7.2/appstore_connect4.png" alt="MicroPythonOS AppStore">
-                </video>
+
+                <img src="screenshots/dark/0.0.4/0.0.4_imu1.png" alt="Dark Theme IMU Screenshot"/>
                 <!-- <img src="screenshots/light/0.0.6/hello_world_install.png" alt="Hello World Install Screenshot"/> -->
                 <!-- <img src="screenshots/light/0.0.6/hello_world_sourcecode_no_window.png" alt="Hello World Source Code Screenshot"/> -->
                 <img src="screenshots/light/0.7.2/filemanager_apps.png" alt="MicroPythonOS FileManager"/>
-                <img src="screenshots/light/0.0.6/image_viewer.png" alt="Image Viewer Screenshot"/>
-
+                <video autoplay loop muted playsinline poster="screenshots/light/0.3.2/com.quasikili.quasibird_0.0.3.png" width="320" height="240" preload="auto">
+                    <source src="videos/QuasiBird_0.0.3.mp4" type="video/mp4">
+                    <img src="screenshots/light/0.3.2/com.quasikili.quasibird_0.0.3.png" alt="QuasiBird game in action">
+                </video>
                 <!-- <img src="screenshots/light/0.0.6/mpos_appstore_camera.png" alt="Camera App Store Screenshot"/> -->
                 <!-- <img src="screenshots/light/0.0.6/mpos_camera_qr_320x240.png" alt="Camera QR Code Screenshot"/> -->
                 <img src="screenshots/light/0.7.2/camera_qr_code.png" alt="Camera QR Code Screenshot"/>
+
                 <!-- <img src="screenshots/light/0.0.6/osupdate_progress3.png" alt="OS Update Progress Screenshot"/> -->
                 <video autoplay loop muted playsinline poster="screenshots/light/0.7.2/osupdate_67.png" width="320" height="240" preload="auto">
                     <source src="screenshots/light/0.7.2/osupdate-2026-01-28_19.39.18_cut.mp4" type="video/mp4">
                     <img src="screenshots/light/0.7.2/osupdate_67.png" alt="MicroPythonOS AppStore">
                 </video>
                 <!-- <img src="screenshots/dark/0.0.4/0.0.4_launcher1.png" alt="Dark Theme Launcher Screenshot"/> -->
 
-                <!-- To add a play overlay to any video, just add the data-play-overlay attribute -->
-                <video autoplay loop muted playsinline poster="screenshots/light/0.3.2/com.quasikili.quasibird_0.0.3.png" width="320" height="240" preload="auto">
-                    <source src="videos/QuasiBird_0.0.3.mp4" type="video/mp4">
-                    <img src="screenshots/light/0.3.2/com.quasikili.quasibird_0.0.3.png" alt="QuasiBird game in action">
-                </video>
+                <img src="screenshots/light/0.0.6/image_viewer.png" alt="Image Viewer Screenshot"/>
                 <img src="screenshots/dark/0.3.3/wifi_password.png" alt="Dark Theme WiFi Password Screenshot"/>
                 <!-- <img src="screenshots/dark/0.0.4/0.0.4_appstore_uninstall_draw.png" alt="Dark Theme App Store Uninstall Screenshot"/> -->
-                <img src="screenshots/dark/0.0.4/0.0.4_imu1.png" alt="Dark Theme IMU Screenshot"/>
+                <!-- <img src="screenshots/light/0.0.6/mpos_appstore.png" alt="App Store Screenshot"/> -->
+                <video autoplay loop muted playsinline poster="screenshots/light/0.7.2/appstore_connect4.png" width="320" height="240" preload="auto">
+                    <source src="screenshots/light/0.7.2/appstore-2026-01-28_19.35.04_cut.mp4" type="video/mp4">
+                    <img src="screenshots/light/0.7.2/appstore_connect4.png" alt="MicroPythonOS AppStore">
+                </video>
             </div>
         </section>