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