fix: correct mobile contact image treatment

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

@@ -48,6 +48,7 @@
 
 @media (max-width: 767px) {
     .contact-block {
+        background-color: #032f46;
         border-bottom-width: calc(100vw * 16 / 402);
         border-radius: calc(100vw * 16 / 402) calc(100vw * 16 / 402) 0 0;
         box-sizing: border-box;
@@ -61,8 +62,28 @@
         -webkit-mask-image: none;
     }
 
+    .contact-block .contact-block__media::after {
+        background: linear-gradient(
+            to right,
+            rgb(3 47 70 / 0.98) 0%,
+            rgb(3 47 70 / 0.96) 40%,
+            rgb(3 47 70 / 0.8) 52%,
+            rgb(3 47 70 / 0.1) 72%,
+            transparent 100%
+        );
+        content: "";
+        inset: 0;
+        pointer-events: none;
+        position: absolute;
+        z-index: 1;
+    }
+
     .contact-block .contact-block__bg-image {
-        object-fit: fill;
+        filter: brightness(1.5);
+        object-fit: cover;
+        object-position: 60% center;
+        position: relative;
+        z-index: 0;
     }
 
     .contact-block .contact-block__linework {
@@ -73,6 +94,7 @@
         overflow: visible;
         right: auto;
         width: calc(100% * 414 / 343);
+        z-index: 2;
     }
 
     .contact-block.home-contact .contact-block__content {