fixed mobile with changes from #213

term/patterns/outlined-media-and-text.php

@@ -10,16 +10,16 @@
 
 <!-- wp:columns {"align":"wide","style":{"border":{"width":"2px","radius":"8px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0px"}}},"backgroundColor":"black"} -->
 <div class="wp-block-columns alignwide has-black-background-color has-background" style="border-width:2px;border-radius:8px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"style":{"spacing":{"padding":{"bottom":"2px","top":"2px","right":"2px","left":"2px"},"blockGap":"0"}},"backgroundColor":"custom-black","layout":{"type":"default"}} -->
-<div class="wp-block-column has-custom-black-background-color has-background" style="padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px"><!-- wp:group {"style":{"border":{"radius":"4px"},"dimensions":{"minHeight":"38rem"},"spacing":{"padding":{"right":"var:preset|spacing|80","left":"var:preset|spacing|80"}}},"backgroundColor":"custom-beige","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
-<div class="wp-block-group has-custom-beige-background-color has-background" style="border-radius:4px;min-height:38rem;padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)"><!-- wp:paragraph -->
+<div class="wp-block-column has-custom-black-background-color has-background" style="padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px"><!-- wp:group {"style":{"border":{"radius":"4px"},"dimensions":{"minHeight":"38rem"},"spacing":{"padding":{"right":"10%","left":"10%","top":"10%","bottom":"10%"}}},"backgroundColor":"custom-beige","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
+<div class="wp-block-group has-custom-beige-background-color has-background" style="border-radius:4px;min-height:38rem;padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph -->
 <p>In his real life, Joel Gavins is actually a tax accountant. True story. You might think it’s the most boring job in the world, but he’ll never go out of business! Taxes are so terribly confusing that everyone needs someone else to do their taxes, that’s the whole point of the industry. So while your job might get taken over by AI, lobbying will always ensure that Joel has a nice cushy job and a working car.</p>
 <!-- /wp:paragraph --></div>
 <!-- /wp:group --></div>
 <!-- /wp:column -->
 
 <!-- wp:column {"style":{"border":{"width":"2px"}}} -->
-<div class="wp-block-column" style="border-width:2px"><!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Joel_Gavins.jpg","dimRatio":0,"minHeight":100,"minHeightUnit":"%","isDark":false,"style":{"border":{"radius":"4px"}}} -->
-<div class="wp-block-cover is-light" style="border-radius:4px;min-height:100%"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Joel_Gavins.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
+<div class="wp-block-column" style="border-width:2px"><!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Joel_Gavins.jpg","dimRatio":0,"minHeight":38,"minHeightUnit":"rem","isDark":false,"style":{"border":{"radius":"4px"}}} -->
+<div class="wp-block-cover is-light" style="border-radius:4px;min-height:38rem"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/Joel_Gavins.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
 <p class="has-text-align-center has-large-font-size"></p>
 <!-- /wp:paragraph --></div></div>
 <!-- /wp:cover --></div>