🐞 fix: Adjust gradient on mobile

views/blocks/contact-block/contact-block.css

@@ -37,13 +37,9 @@
         width: auto;
     }
 
-    .contact-block__linework--mobile {
+    .contact-block__linework--mobile { display: none; }
-        display: none;
-    }
 
-    .contact-block__content {
+    .contact-block__content { padding-inline: 1rem; }
-        padding-inline: 1rem;
-    }
 
     &.home-contact {
         bottom: -25%;
@@ -74,13 +70,9 @@
         );
     }
 
-    .contact-block .contact-block__bg-image {
+    .contact-block .contact-block__bg-image { object-fit: cover; }
-        object-fit: cover;
-    }
 
-    .contact-block .contact-block__linework {
+    .contact-block .contact-block__linework { display: none; }
-        display: none;
-    }
 
     .contact-block .contact-block__linework--mobile {
         bottom: 0.75rem;
@@ -149,9 +141,7 @@
         z-index: 0;
     }
 
-    .contact-block.home-contact .contact-block__linework {
+    .contact-block.home-contact .contact-block__linework { display: none; }
-        display: none;
-    }
 
     .contact-block.home-contact .contact-block__linework--mobile {
         bottom: 0;
@@ -181,7 +171,5 @@
         max-width: calc(100vw * 236 / 402) !important;
     }
 
-    .contact-block.home-contact .contact-block__cta {
+    .contact-block.home-contact .contact-block__cta { padding-block: calc(100vw * 8.5 / 402); }
-        padding-block: calc(100vw * 8.5 / 402);
-    }
 }

views/blocks/media-text/media-text.css

@@ -2,7 +2,7 @@
     .wp-block-acf-media-text.media-cols {
         gap: 3rem;
         grid-template-columns: minmax(0, 1fr);
-        padding: 5rem 0 0;
+        padding: 0;
         padding-inline: 0 !important;
     }
 

views/blocks/section/section.css

@@ -0,0 +1,20 @@
+@media (max-width: 767px) {
+    .wp-block-spacer.home {
+        height: 1.5rem !important;
+    }
+
+    .wp-block-acf-section.has-background-gradient-1-gradient-background {
+        background: linear-gradient(
+                180deg,
+                rgba(242, 107, 83, 0) 0%,
+                rgba(242, 107, 83, 0) 55%,
+                rgba(242, 107, 83, 0.2) 80%,
+                rgba(242, 107, 83, 0) 80.01%
+            ),
+            linear-gradient(
+                180deg,
+                transparent 0%,
+                white 100%
+            ) !important;
+    }
+}