diff --git a/templates/frontOffice/default/assets/img/carousel/slider1.jpg b/templates/frontOffice/default/assets/img/carousel/slider1.jpg
new file mode 100644
index 000000000..3492ab6ee
Binary files /dev/null and b/templates/frontOffice/default/assets/img/carousel/slider1.jpg differ
diff --git a/templates/frontOffice/default/assets/img/carousel/slider1.png b/templates/frontOffice/default/assets/img/carousel/slider1.png
deleted file mode 100644
index d2a1f3628..000000000
Binary files a/templates/frontOffice/default/assets/img/carousel/slider1.png and /dev/null differ
diff --git a/templates/frontOffice/default/assets/img/carousel/slider2.jpg b/templates/frontOffice/default/assets/img/carousel/slider2.jpg
new file mode 100644
index 000000000..08ce939cf
Binary files /dev/null and b/templates/frontOffice/default/assets/img/carousel/slider2.jpg differ
diff --git a/templates/frontOffice/default/assets/img/carousel/slider2.png b/templates/frontOffice/default/assets/img/carousel/slider2.png
deleted file mode 100644
index eab0f625c..000000000
Binary files a/templates/frontOffice/default/assets/img/carousel/slider2.png and /dev/null differ
diff --git a/templates/frontOffice/default/assets/img/carousel/slider3.jpg b/templates/frontOffice/default/assets/img/carousel/slider3.jpg
new file mode 100644
index 000000000..a986bef0d
Binary files /dev/null and b/templates/frontOffice/default/assets/img/carousel/slider3.jpg differ
diff --git a/templates/frontOffice/default/assets/img/carousel/slider3.png b/templates/frontOffice/default/assets/img/carousel/slider3.png
deleted file mode 100644
index 2e91fd0f2..000000000
Binary files a/templates/frontOffice/default/assets/img/carousel/slider3.png and /dev/null differ
diff --git a/templates/frontOffice/default/index.html b/templates/frontOffice/default/index.html
index fabd8a3d9..7937c824f 100644
--- a/templates/frontOffice/default/index.html
+++ b/templates/frontOffice/default/index.html
@@ -12,13 +12,13 @@
             <div class="carousel-wrapper">
                 <div class="carousel-inner">
                     <figure class="item active">
-                        {images file='assets/img/carousel/slider1.png'}<img src="{$asset_url}" alt="img1">{/images}
+                        {images file='assets/img/carousel/slider1.jpg'}<img src="{$asset_url}" alt="Slider image 1">{/images}
                     </figure>
                     <figure class="item">
-                        {images file='assets/img/carousel/slider2.png'}<img src="{$asset_url}" alt="img2">{/images}
+                        {images file='assets/img/carousel/slider2.jpg'}<img src="{$asset_url}" alt="Slider image 2">{/images}
                     </figure>
                     <figure class="item">
-                        {images file='assets/img/carousel/slider3.png'}<img src="{$asset_url}" alt="img3">{/images}
+                        {images file='assets/img/carousel/slider3.jpg'}<img src="{$asset_url}" alt="Slider image 3">{/images}
                     </figure>
                 </div>
             </div>