unstack screenshots

assets/css/hero.css

@@ -17,15 +17,12 @@
   align-items: center;
   text-align: center;
   width: 100%;
-  max-width: 1200px;
+  /* max-width: 1200px; */
   gap: 4rem; /* Space between items */
   margin-bottom: 4rem;
   background: linear-gradient(to bottom right, #F9B208, #E72E77);
-  padding-right: 40px;
-  padding-left: 40px;
-
-
-
+  /* padding-right: 40px; */
+  /* padding-left: 40px; */
 }
 
 .hero-second {
@@ -78,7 +75,7 @@
 /* Screenshots styling */
 .hero-screenshots {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   gap: 3rem;
   width: 100%;
   align-items: center;