refactor: harden responsive Our Work artwork

views/blocks/our-work/our-work.css

@@ -202,10 +202,13 @@
 @media (max-width: 767px) {
     .our-work {
         margin-bottom: 2rem;
-        min-height: clamp(44rem, 220.9vw, 55.5rem);
         padding-top: 4.25rem;
     }
 
+    .our-work.has-left-image.has-bottom-image {
+        min-height: clamp(44rem, 220.9vw, 55.5rem);
+    }
+
     .our-work__vector-desktop {
         display: none;
     }
@@ -216,6 +219,21 @@
         position: absolute;
     }
 
+    /*
+     * CSS layers keep the approved external SVG available. Browsers do not load
+     * nested external images from an SVG embedded through an img element.
+     */
+    .our-work__vector-mobile::after,
+    .our-work__vector-mobile-clip::before {
+        background-image: var(--our-work-vector-image);
+        background-repeat: no-repeat;
+        background-size: 100% 100%;
+        content: "";
+        height: 98.756vw;
+        position: absolute;
+        width: 238.806vw;
+    }
+
     .our-work__vector-mobile-clip {
         clip-path: polygon(
             74.63% 24.77%,
@@ -233,22 +251,14 @@
         position: absolute;
     }
 
-    .our-work__vector-mobile img {
-        height: auto;
-        max-width: none;
-        object-fit: fill;
-        position: absolute;
-        width: min(238.806vw, 60rem);
+    .our-work__vector-mobile-clip::before {
+        left: 24.876vw;
+        top: 59.701vw;
     }
 
-    .our-work__vector-mobile-upper {
-        left: min(24.876vw, 6.25rem);
-        top: min(59.701vw, 15rem);
-    }
-
-    .our-work__vector-mobile-lower {
-        left: max(-106.965vw, -26.875rem);
-        top: min(121.891vw, 30.625rem);
+    .our-work__vector-mobile::after {
+        left: -106.965vw;
+        top: 121.891vw;
     }
 
     .our-work__inner {