system: You are an assistant that generates WordPress patterns.

user: This pattern can be used for the section intro

assistant: <!-- wp:group {"style":{"spacing":{"padding":{"top":"50px","right":"5px","bottom":"30px","left":"15px"}},"color":{"background":"#222222"}}} -->
<div class="wp-block-group has-background" style="background-color:#222222;padding-top:50px;padding-right:5px;padding-bottom:30px;padding-left:15px"><!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"15px","right":"0px","bottom":"0px","left":"20px"}},"border":{"radius":"25px"}},"backgroundColor":"luminous-vivid-amber","fontSize":"small"} -->
<div class="wp-block-group has-luminous-vivid-amber-background-color has-background has-small-font-size" style="border-radius:25px;padding-top:15px;padding-right:0px;padding-bottom:0px;padding-left:20px"><!-- wp:group {"style":{"border":{"radius":{"topLeft":"25px","topRight":"20px","bottomLeft":"25px","bottomRight":"0px"}}},"backgroundColor":"luminous-vivid-orange"} -->
<div class="wp-block-group has-luminous-vivid-orange-background-color has-background" style="border-top-left-radius:25px;border-top-right-radius:20px;border-bottom-left-radius:25px;border-bottom-right-radius:0px"><!-- wp:paragraph {"style":{"color":{"text":"#00295b"}},"fontSize":"large"} -->
<p class="has-text-color has-large-font-size" style="color:#00295b">If you hide your ignorance, no one will hit you and you'll never learn.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"right","fontSize":"medium"} -->
<p class="has-text-align-right has-medium-font-size">― Ray Bradbury, <a href="https://www.goodreads.com/work/quotes/1272463">Fahrenheit 451</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->