width

assets/css/hero.css

@@ -19,7 +19,7 @@
   height: 70vh;
   gap: 4rem; /* Space between items */
   margin: auto;
-  margin-bottom: 4vh;
+  /* margin-bottom: 4vh; */
   background: linear-gradient(to bottom right, #F9B208, #E72E77);
   padding-right: 3vw; /* 40 px approx*/
   padding-left: 3vw;
@@ -96,9 +96,10 @@
   flex-direction: column; /* Stack elements vertically by default */
   align-items: center;
   text-align: center;
-  width: 65%;
+  width: 100%;
   gap: 2rem; /* Space between items */
   margin-bottom: 4rem;
+  padding-top: 4vh;
   background: linear-gradient(to bottom left, #E72E77, #F9B208);
 }
 
@@ -107,6 +108,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  width: 65%;
 }
 
 /* Alternate layout for image on left or right */
@@ -191,7 +193,6 @@
     flex-direction: column;
     padding-top: 7vh;
     padding-bottom: 7vh;
-    margin-bottom: 2vh;
   }
 
   .hero-content {
@@ -228,6 +229,7 @@
 
   .hero-second {
     width: 100%;
+    margin-top: 2vh;
   }
 
   .hero-bloc {