diff --git a/assets/css/hero.css b/assets/css/hero.css
index 77f177f..f4c1f6f 100644
--- a/assets/css/hero.css
+++ b/assets/css/hero.css
@@ -105,6 +105,11 @@
   align-items: center;
 }
 
+/* Alternate layout for image on left or right */
+.hero-bloc:nth-child(even) {
+  flex-direction: row-reverse; /* Reverse order for alternating layout */
+}
+
 /* Styling for bloc-text */
 .bloc-text {
   flex: 1;