Screenshot re-exporting

- Create smaller screenshots with less padding
- Replace all assets on website
- Remove old JPEG screenshots

features.html

@@ -170,7 +170,7 @@
                                 <!-- Image/Video Container -->
                                 <div class="row" id="feature-media-container">
                                     <div class="col">
-                                        <img class="img-fluid rounded-3" src="assets/screens_old/screen01.jpeg">
+                                        <img class="img-fluid rounded-3" src="assets/screens/small/screen01.png">
                                     </div>
                                 </div>
 
@@ -195,7 +195,7 @@
                                 <!-- Image/Video Container -->
                                 <div class="row" id="feature-media-container">
                                     <div class="col">
-                                        <img class="img-fluid rounded-3" src="assets/screens_old/screen02.jpeg">
+                                        <img class="img-fluid rounded-3" src="assets/screens/small/screen02.png">
                                     </div>
                                 </div>
 
@@ -220,7 +220,7 @@
                                 <!-- Image/Video Container -->
                                 <div class="row" id="feature-media-container">
                                     <div class="col">
-                                        <img class="img-fluid rounded-3" src="assets/screens_old/screen03.jpeg">
+                                        <img class="img-fluid rounded-3" src="assets/screens/small/screen03.png">
                                     </div>
                                 </div>
 
@@ -245,7 +245,7 @@
                                 <!-- Image/Video Container -->
                                 <div class="row" id="feature-media-container">
                                     <div class="col">
-                                        <img class="img-fluid rounded-3" src="assets/screens_old/screen04.jpeg">
+                                        <img class="img-fluid rounded-3" src="assets/screens/small/screen04.png">
                                     </div>
                                 </div>
 

index.html

@@ -150,32 +150,32 @@
                     data-bs-ride="carousel">
                     <div class="carousel-inner" id="deck-carousel">
                         <div class="carousel-item active">
-                            <img src="assets/screens_old/screen01.jpeg" class="d-block w-100 rounded-3"
+                            <img src="assets/screens/small/screen01.png" class="d-block w-100 rounded-3"
                                 alt="The RetroDECK logo displayed on a Steam Deck">
                         </div>
                         <div class="carousel-item">
-                            <img src="assets/screens_old/screen02.jpeg" class="d-block w-100 rounded-3"
+                            <img src="assets/screens/small/screen02.png" class="d-block w-100 rounded-3"
                                 alt="The RetroDECK icon visible in a Steam Library">
                         </div>
                         <div class="carousel-item">
-                            <img src="assets/screens_old/screen03.jpeg" class="d-block w-100 rounded-3"
+                            <img src="assets/screens/small/screen03.png" class="d-block w-100 rounded-3"
                                 alt="Steam Deck quick settings in the foreground with the RetroDECK interface behind it">
                         </div>
                         <div class="carousel-item">
-                            <img src="assets/screens_old/screen04.jpeg" class="d-block w-100 rounded-3"
+                            <img src="assets/screens/small/screen04.png" class="d-block w-100 rounded-3"
                                 alt="One of the ES-DE Themes with SEGA Genesis visible">
                         </div>
                         <div class="carousel-item">
-                            <img src="assets/screens_old/screen05.jpeg" class="d-block w-100 rounded-3"
+                            <img src="assets/screens/small/screen05.png" class="d-block w-100 rounded-3"
                                 alt="Sonic the Hedgehog 2 (SEGA Genesis) on the Steam Deck">
                         </div>
                         <div class="carousel-item">
-                            <img src="assets/screens_old/screen06.jpeg" class="d-block w-100 rounded-3"
+                            <img src="assets/screens/small/screen06.png" class="d-block w-100 rounded-3"
                                 alt="A list of TurboGrafx games in the ES-DE frontend">
                         </div>
                     </div>
 
-                    <img class="img-fluid mb-4 rounded-3" id="screen-blank" src="assets/screens/blank.png">
+                    <img class="img-fluid mb-4 rounded-3" id="screen-blank" src="assets/screens/small/blank.png">
 
                     <button class="carousel-control-prev z-2" type="button" data-bs-target="#screenshotCarousel"
                         data-bs-slide="prev">