change

css/style.css

@@ -1791,7 +1791,7 @@ hr {
 }
 
 #overview {
-  margin-top: 6rem;
+  /* margin-top: 6rem; */
 
 }
 
@@ -3617,7 +3617,7 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 .overview {
-  margin: 50px 0px;
+  margin: 35px 0px;
 }
 
 .patch {

index.php

@@ -199,14 +199,23 @@
              </div> -->
 
              <div class="item active">
-                 <img src="images/slider/slide-2.webp" alt="" class="hidden-xs">
-                 <img src="images/slider/mobile-2.webp" alt="" class="visible-xs">
+                 <img src="images/banner/web1.jpg" alt="" class="hidden-xs">
+                 <img src="images/banner/mob1.jpg" alt="" class="visible-xs">
              </div>
              <div class="item  ">
-                 <img src="images/slider/slide.webp" alt="" class="hidden-xs">
-                 <img src="images/slider/mobile.webp" alt="" class="visible-xs">
+                 <img src="images/banner/web2.jpg" alt="" class="hidden-xs">
+                 <img src="images/banner/mob2.jpg" alt="" class="visible-xs">
              </div>
 
+              <div class="item  ">
+                 <img src="images/banner/web3.jpg" alt="" class="hidden-xs">
+                 <img src="images/banner/mob3.jpg" alt="" class="visible-xs">
+             </div>
+
+              <div class="item  ">
+                 <img src="images/banner/web4.jpg" alt="" class="hidden-xs">
+                 <img src="images/banner/mob4.jpg" alt="" class="visible-xs">
+             </div>
              <!-- <div class="item">
                  <img src="images/slider/slide-1.webp" alt="" class="hidden-xs">
                  <img src="images/slider/mobile-1.webp" alt="" class="visible-xs">