diff --git a/assets/css/hero.css b/assets/css/hero.css
index 3902edd..dc64d2b 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -237,8 +237,12 @@
 @media (max-width: 767px) {
 
   .hero-first {
-    height: 50vh;
-    flex-direction: row;
+    height: 60vh;
+    flex-direction: column;
+  }
+
+  .hero-content {
+    height: 20vh;
   }
 
   .hero-screenshots {
@@ -252,7 +256,7 @@
 
   /* Revoke alternate layout for image on left or right */
   .hero-bloc:nth-child(even) {
-    flex-direction: row-reverse;
+    flex-direction: column;
   }