se comprime imagenes de carusel

src/routes/Carousel.svelte

@@ -34,16 +34,16 @@
         </div>
         <div class="carousel-inner">
             <div class="carousel-item active" data-bs-interval="10000">
-                <img src={`${base}/images/imagen-1.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
+                <img src={`${base}/images/imagen-1-min.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
             </div>
             <div class="carousel-item">
-                <img src={`${base}/images/imagen-2.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
+                <img src={`${base}/images/imagen-2-min.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
             </div>
             <div class="carousel-item">
-                <img src={`${base}/images/imagen-3.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
+                <img src={`${base}/images/imagen-3-min.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
             </div>
             <div class="carousel-item">
-                <img src={`${base}/images/imagen-4.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
+                <img src={`${base}/images/imagen-4-min.jpg`} class="d-block w-100" alt={"..."} loading="lazy" />
             </div>
         </div>
         <button