cleaning and responsive

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 {