From c40889499fd187a3d0251cfbf52fe673bd8a814a Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 18 Jan 2024 15:49:39 +0100
Subject: [PATCH] cleaning and responsive

---
 resources/css/blocks/home-header.css | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/resources/css/blocks/home-header.css b/resources/css/blocks/home-header.css
index 3fca8ca..5a1f798 100755
--- a/resources/css/blocks/home-header.css
+++ b/resources/css/blocks/home-header.css
@@ -4,12 +4,6 @@
   container;
   isolation: isolate;
 
-  /* relative */
-  /* bg-red-100 */
-  /* aspect-ratio: 1.5; */
-
-  /* min-height: 80vh; */
-  /* background-color: #fbfff5a6; */
   &__titling {
     @apply max-w-[580px] 
     relative 
@@ -19,7 +13,7 @@
     lg:mb-0;
   }
   &__title {
-    @apply text-3xl md:text-4xl font-medium pb-6 pt-16;
+    @apply text-3xl md:text-4xl font-medium pb-6 pt-0 md:pt-16;
     line-height: 1.2;
   }
 
@@ -37,13 +31,15 @@
   &__fresque {
     @apply w-full;
     z-index: -1;
-    @apply bg-purple-50;
+
+    .mobile_pic {
+      @apply md:hidden;
+    }
+    .desktop_pic {
+      @apply hidden md:block;
+    }
     img {
       @apply w-full h-full max-h-full object-contain;
-      /* object-position: 100% 100%; */
-      @screen lg {
-        /* object-position: 100% 0%; */
-      }
     }
     @media (max-aspect-ratio: 16 / 9) {
       img {