diff --git a/Style-index.css b/Style-index.css
index 1c615ac..e20a7b1 100644
--- a/Style-index.css
+++ b/Style-index.css
@@ -5,6 +5,18 @@ body {
     background-color: #1b1c1e;
 }
 
+@media screen and (max-width: 426px) {
+    .carousel-item img {
+        height: 60vw;
+    }
+}
+
+@media screen and (min-width: 427px) {
+    .carousel-item img {
+        height: 40vw;
+    }
+}
+
 .nav-color {
     background-color: #212226;
 }
diff --git a/index.html b/index.html
index 02e259c..0580713 100644
--- a/index.html
+++ b/index.html
@@ -60,13 +60,13 @@
                 </ol>
                 <div class="carousel-inner" id="carousel-img">
                     <div class="carousel-item active">
-                        <img class="d-block w-100" src="assets/Carousel_1.webp" alt="First slide" height="550px">
+                        <img class="d-block w-100" src="assets/Carousel_1.webp" alt="First slide">
                     </div>
                     <div class="carousel-item">
-                        <img class="d-block w-100" src="assets/Carousel_2.webp" alt="Second slide" height="550px">
+                        <img class="d-block w-100" src="assets/Carousel_2.webp" alt="Second slide">
                     </div>
                     <div class="carousel-item">
-                        <img class="d-block w-100" src="assets/Carousel_3.webp" alt="Third slide" height="550px">
+                        <img class="d-block w-100" src="assets/Carousel_3.webp" alt="Third slide">
                     </div>
                 </div>
                 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">