🐞 fix: Pullquote block fixes

styles/base/global.css

@@ -34,6 +34,8 @@ main#maincontent {
     max-width: 80.5rem;
     padding-inline: clamp(1.5rem, 5vw, 3rem);
     width: 100%;
+
+    &.wider { max-width: 85rem; }
 }
 
 .section {

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

@@ -3,41 +3,43 @@
     border-bottom: 16px solid var(--color-cwc-blue-03);
     position: relative;
     overflow: hidden;
-}
 
-.pull-quote__vector {
+    .pull-quote__vector {
-    inset: 0;
+        inset: 0;
-    pointer-events: none;
+        pointer-events: none;
-    position: absolute;
+        position: absolute;
-    z-index: 0;
+        z-index: 0;
-}
-
-.pull-quote__vector img {
-    display: block;
-    height: auto;
-    width: 100%;
-}
-
-.pull-quote__content {
-    position: relative;
-    z-index: 1;
-}
-
-.pull-quote__text {
-    font-family: var(--font-quincy);
-    font-size: var(--text-34px);
-    font-weight: 500;
-    line-height: 1.3;
-    padding: 6rem 0;
-    text-align: center;
-
-    strong, b {
-        color: var(--color-cwc-blue-02);
-        font-weight: 800;
     }
 
-    p {
+    .pull-quote__vector img {
-        color: var(--color-cwc-blue-01);
+        display: block;
-        margin: 0;
+        height: 100%;
+        object-fit: cover;
+        width: 100%;
+    }
+
+    .pull-quote__content {
+        padding: 5rem 0;
+        position: relative;
+        z-index: 1;
+    }
+
+    .pull-quote__text {
+        font-family: var(--font-quincy);
+        font-size: var(--text-34px);
+        font-weight: 500;
+        line-height: 1;
+        text-align: center;
+        text-wrap: balance;
+
+        strong, b {
+            color: var(--color-cwc-blue-02);
+            font-weight: 800;
+        }
+
+        p {
+            color: var(--color-cwc-blue-01);
+            margin: 0;
+        }
     }
 }

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

@@ -34,8 +34,8 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
         </div>
 	<?php endif; ?>
 
-	<div class="container pull-quote__content">
+	<div class="container wider pull-quote__content">
-		<div class="pull-quote__text container">
+		<div class="pull-quote__text">
 			<?php echo wp_kses_post( $quote_text ); ?>
 		</div>
 	</div>