From 3fec2b7f6ed7968b8c3ae0bf70a42bf2713c0063 Mon Sep 17 00:00:00 2001
From: kscheidecker <kilian.scheidecker@orange.fr>
Date: Mon, 10 Mar 2025 15:58:10 +0100
Subject: [PATCH] alternate

---
 assets/css/hero.css          |  7 ++++++-
 partials/components/hero.hbs | 12 ++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/assets/css/hero.css b/assets/css/hero.css
index f4c1f6f..a67f0b5 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -120,7 +120,7 @@
 }
 
 .bloc-text h3 {
-  font-size: 1.9rem;
+  font-size: 2.1rem;
   color: #E72E77;
   margin-bottom: 1rem;
 }
@@ -239,4 +239,9 @@
     flex-direction: column;
   }
 
+  /* Revoke alternate layout for image on left or right */
+  .hero-bloc:nth-child(even) {
+    flex-direction: row-reverse;
+  }
+
 }
\ No newline at end of file
diff --git a/partials/components/hero.hbs b/partials/components/hero.hbs
index 612e3c1..39b60b7 100644
--- a/partials/components/hero.hbs
+++ b/partials/components/hero.hbs
@@ -47,9 +47,6 @@
         </div>
 
         <div class="hero-bloc">
-            <div class="bloc-image">
-                <img src="assets/screenshots/screenshot_1.png" alt="Optimization Process">
-            </div>
             <div class="bloc-text">
                 <h3>Get the Perfect Trip</h3>
                 <ul>
@@ -58,6 +55,9 @@
                     <li>Enjoy smart optimization for the perfect balance of activities.</li>
                 </ul>
             </div>
+            <div class="bloc-image">
+                <img src="assets/screenshots/screenshot_1.png" alt="Optimization Process">
+            </div>
         </div>
 
         <div class="hero-bloc">
@@ -75,9 +75,6 @@
         </div>
 
         <div class="hero-bloc">
-            <div class="bloc-image">
-                <img src="assets/screenshots/screenshot_2.png" alt="App Mockup">
-            </div>
             <div class="bloc-text">
                 <h3>Real-time Flexibility</h3>
                 <ul>
@@ -85,6 +82,9 @@
                     <li>Adjust your itinerary anytime and keep exploring effortlessly.</li>
                 </ul>
             </div>
+            <div class="bloc-image">
+                <img src="assets/screenshots/screenshot_2.png" alt="App Mockup">
+            </div>
         </div>
 
         <div class="hero-bloc">