diff --git a/assets/img/hero-carousel/csg-bg-Img-1.jpg b/assets/img/hero-carousel/csg-bg-Img-1.jpg
new file mode 100644
index 0000000..9bf6c69
Binary files /dev/null and b/assets/img/hero-carousel/csg-bg-Img-1.jpg differ
diff --git a/assets/img/hero-carousel/csg-bg-Img-2.jpg b/assets/img/hero-carousel/csg-bg-Img-2.jpg
new file mode 100644
index 0000000..cf5fce7
Binary files /dev/null and b/assets/img/hero-carousel/csg-bg-Img-2.jpg differ
diff --git a/assets/img/hero-carousel/csg-bg-Img-3.jpg b/assets/img/hero-carousel/csg-bg-Img-3.jpg
new file mode 100644
index 0000000..319764e
Binary files /dev/null and b/assets/img/hero-carousel/csg-bg-Img-3.jpg differ
diff --git a/assets/img/hero-carousel/csg-bg-Img-4.jpg b/assets/img/hero-carousel/csg-bg-Img-4.jpg
new file mode 100644
index 0000000..a1134c5
Binary files /dev/null and b/assets/img/hero-carousel/csg-bg-Img-4.jpg differ
diff --git a/assets/img/hero-carousel/csg-bg1.jfif b/assets/img/hero-carousel/csg-bg1.jfif
deleted file mode 100644
index 586e40e..0000000
Binary files a/assets/img/hero-carousel/csg-bg1.jfif and /dev/null differ
diff --git a/assets/img/hero-carousel/csg-bg3.jfif b/assets/img/hero-carousel/csg-bg3.jfif
deleted file mode 100644
index e570631..0000000
Binary files a/assets/img/hero-carousel/csg-bg3.jfif and /dev/null differ
diff --git a/assets/img/hero-carousel/csg-bg6.jpg b/assets/img/hero-carousel/csg-bg6.jpg
deleted file mode 100644
index 4ae5539..0000000
Binary files a/assets/img/hero-carousel/csg-bg6.jpg and /dev/null differ
diff --git a/assets/img/hero-carousel/csg-bg7.jpg b/assets/img/hero-carousel/csg-bg7.jpg
deleted file mode 100644
index 0948d30..0000000
Binary files a/assets/img/hero-carousel/csg-bg7.jpg and /dev/null differ
diff --git a/index.html b/index.html
index 7256a08..8f96b51 100644
--- a/index.html
+++ b/index.html
@@ -114,25 +114,25 @@ <h2>Make <span>Learning</span><br />Fun!</h2>
           <div
             class="swiper-slide"
             style="
-              background-image: url('assets/img/hero-carousel/csg-bg1.jfif');
+              background-image: url('assets/img/hero-carousel/csg-bg-Img-1.jpg');
             "
           ></div>
           <div
             class="swiper-slide"
             style="
-              background-image: url('assets/img/hero-carousel/csg-bg3.jfif');
+              background-image: url('assets/img/hero-carousel/csg-bg-Img-2.jpg');
             "
           ></div>
           <div
             class="swiper-slide"
             style="
-              background-image: url('assets/img/hero-carousel/csg-bg6.jpg');
+              background-image: url('assets/img/hero-carousel/csg-bg-Img-3.jpg');
             "
           ></div>
           <div
             class="swiper-slide"
             style="
-              background-image: url('assets/img/hero-carousel/csg-bg7.jpg');
+              background-image: url('assets/img/hero-carousel/csg-bg-Img-4.jpg');
             "
           ></div>
         </div>