reduce screenshot image size

player/index.html

@@ -100,11 +100,11 @@
 
     <div class="container col-xxl-9 px-4 py-2 py-lg-4" id="hero">
         <div class="row flex-lg-row-reverse align-items-center g-5 py-4 py-lg-6">
-            <div class="col-12 mt-5 mt-lg-3 col-lg-6">
-                <img src="screenshot.png" id="hero-image" class="d-block mx-lg-auto img-fluid"
+            <div class="col-12 mt-5 mt-lg-5 col-lg-6">
+                <img src="screenshot.jpg" id="hero-image" class="d-block mx-lg-auto img-fluid"
                     alt="Two example screenshots of podcast apps displaying a list of chapters" width="2024"
                     height="1424" loading="lazy" data-tippy-content="Screenshot"
-                    style="transform: scale(1.07);">
+                    style="box-shadow: 0 0 30px #00000077; border-radius: 6px;">
             </div>
             <div class="col-lg-6 mt-4 mt-sm-8">
                 <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">Play MP3 audio files with chapters<span