fix: add mobile pull quote artwork

views/blocks/pull-quote/pull-quote.css

@@ -18,6 +18,10 @@
         width: 100%;
     }
 
+    .pull-quote__vector .pull-quote__vector--mobile {
+        display: none;
+    }
+
     .pull-quote__content {
         padding: 5rem 0;
         position: relative;
@@ -32,7 +36,8 @@
         text-align: center;
         text-wrap: balance;
 
-        strong, b {
+        strong,
+        b {
             color: var(--color-cwc-blue-02);
             font-weight: 800;
         }
@@ -66,10 +71,15 @@
         bottom: 1rem;
     }
 
-    .pull-quote .pull-quote__vector img {
+    .pull-quote .pull-quote__vector .pull-quote__vector--bg {
+        display: none;
+    }
+
+    .pull-quote .pull-quote__vector .pull-quote__vector--mobile {
+        display: block;
         height: 100%;
         max-width: none;
-        object-fit: fill;
+        object-fit: cover;
         width: 100%;
     }
 

views/blocks/pull-quote/pull-quote.php

@@ -31,6 +31,7 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
 	<?php if ( $quote_bg ) : ?>
         <div class="pull-quote__vector" aria-hidden="true">
             <img class="pull-quote__vector--bg" src="<?php echo esc_url( $quote_bg['url'] ); ?>" alt="" loading="lazy" role="presentation" />
+            <img class="pull-quote__vector--mobile" src="<?php echo esc_url( get_theme_file_uri( '/static/img/pullquote-mobile-linework.png' ) ); ?>" alt="" loading="lazy" role="presentation" />
         </div>
 	<?php endif; ?>