diff --git a/assets/style/main.css b/assets/style/main.css
index daf5211..c7f14a1 100644
--- a/assets/style/main.css
+++ b/assets/style/main.css
@@ -102,6 +102,14 @@ body {
     bottom: -62px;
 }
 
+.middle-cards-2 {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    gap: 40px;
+    
+}
+
 .middle-cards {
     background: #E0E0E0;
     margin-bottom: 190px;
@@ -300,9 +308,15 @@ body {
         bottom: -32px;
     }
 
+    .middle-cards-2 {
+        max-width: 566px;
+        gap: 14px;
+    }
     .middle-cards {
         margin-bottom: 112px;
     }
+
+    
 }
 
 @media screen and (max-width: 1024px) {
@@ -327,10 +341,6 @@ body {
         text-align: center;
     }
 
-    
-
-    
-
     .bottom-infocard {
         display: flex;
         flex-direction: column-reverse;
diff --git a/index.html b/index.html
index c6df914..76108fd 100644
--- a/index.html
+++ b/index.html
@@ -61,17 +61,19 @@
 
         <section class="middle-cards">
             <div class="middle-cards-wrapper">
-                <div class="middle-card">
-                    <img class="middle-card-image" src="./assets/images/middle-card-image-01.png" alt="">
+                <div class="middle-cards-2">
+                    <div class="middle-card">
+                        <img class="middle-card-image" src="./assets/images/middle-card-image-01.png" alt="">
+                    </div>
+                    
+                    <div class="middle-card">
+                        <img class="middle-card-image" src="./assets/images/middle-card-image-02.png" alt="">
+                    </div>
                 </div>
                 
-                <div class="middle-card">
-                    <img class="middle-card-image" src="./assets/images/middle-card-image-02.png" alt="">
-                </div>
-                
-                <div class="middle-card">
-                    <img class="middle-card-image" src="./assets/images/middle-card-image-03.png" alt="">
-                </div>
+                    <div class="middle-card">
+                        <img class="middle-card-image" src="./assets/images/middle-card-image-03.png" alt="">
+                    </div>
             </div>
         </section>