diff --git a/static/img/mobile-work-vector.svg b/static/img/mobile-work-vector.svg
new file mode 100644
index 0000000..90e99c5
--- /dev/null
+++ b/static/img/mobile-work-vector.svg
@@ -0,0 +1,4 @@
+
diff --git a/tests/mobile-homepage.spec.js-snapshots/our-work-linework-render-chromium.png b/tests/mobile-homepage.spec.js-snapshots/our-work-linework-render-chromium.png
index 4c13322..23b44f9 100644
Binary files a/tests/mobile-homepage.spec.js-snapshots/our-work-linework-render-chromium.png and b/tests/mobile-homepage.spec.js-snapshots/our-work-linework-render-chromium.png differ
diff --git a/views/blocks/our-work/our-work.css b/views/blocks/our-work/our-work.css
index 133c4f1..5508017 100644
--- a/views/blocks/our-work/our-work.css
+++ b/views/blocks/our-work/our-work.css
@@ -219,48 +219,6 @@
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%,
- 100% 24.77%,
- 100% 56.31%,
- 0 56.31%,
- 0 48.42%,
- 54.73% 48.42%,
- 54.73% 43.92%,
- 67.16% 43.92%,
- 67.16% 38.29%,
- 74.63% 38.29%
- );
- inset: 0;
- position: absolute;
- }
-
- .our-work__vector-mobile-clip::before {
- left: 24.876vw;
- top: 59.701vw;
- }
-
- .our-work__vector-mobile::after {
- left: -106.965vw;
- top: 121.891vw;
- }
-
.our-work__inner {
gap: 0;
padding-inline: 2rem !important;
diff --git a/views/blocks/our-work/our-work.php b/views/blocks/our-work/our-work.php
index bafc2e2..ac2a7f4 100644
--- a/views/blocks/our-work/our-work.php
+++ b/views/blocks/our-work/our-work.php
@@ -9,9 +9,10 @@
namespace CWC;
-$left_image = get_field( 'left_image' );
-$bottom_image = get_field( 'bottom_image' );
-$vector_url = get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg';
+$left_image = get_field( 'left_image' );
+$bottom_image = get_field( 'bottom_image' );
+$vector_url = get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg';
+$mobile_vector_url = get_theme_file_uri( '/static/img/mobile-work-vector.svg' );
$classes = 'our-work mx-break-out mb-36';
@@ -32,11 +33,13 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
>
-
-
+
+
; ?>)