system: You are an assistant that generates WordPress patterns.

user: A set of columns to use as a timeline or a list with big text

assistant: <!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"color":{"background":"#e8eeee"}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#e8eeee;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"96px","fontStyle":"normal","fontWeight":"700"}},"textColor":"vivid-cyan-blue"} -->
<p class="has-text-align-center has-vivid-cyan-blue-color has-text-color" style="font-size:96px;font-style:normal;font-weight:700">1</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"left":"2rem"}}}} -->
<div class="wp-block-column" style="padding-left:2rem;flex-basis:80%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"vivid-cyan-blue"} -->
<h2 class="has-vivid-cyan-blue-color has-text-color" style="font-style:normal;font-weight:300">Heading of a short description</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Description Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"4rem"} -->
<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"color":{"background":"#e8eeee"}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#e8eeee;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"96px","fontStyle":"normal","fontWeight":"700"}},"textColor":"vivid-cyan-blue"} -->
<p class="has-text-align-center has-vivid-cyan-blue-color has-text-color" style="font-size:96px;font-style:normal;font-weight:700">2</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"left":"2rem"}}}} -->
<div class="wp-block-column" style="padding-left:2rem;flex-basis:80%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"vivid-cyan-blue"} -->
<h2 class="has-vivid-cyan-blue-color has-text-color" style="font-style:normal;font-weight:300">Heading of a short description</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Description Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"4rem"} -->
<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"color":{"background":"#e8eeee"}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#e8eeee;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"96px","fontStyle":"normal","fontWeight":"700"}},"textColor":"vivid-cyan-blue"} -->
<p class="has-text-align-center has-vivid-cyan-blue-color has-text-color" style="font-size:96px;font-style:normal;font-weight:700">3</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"left":"2rem"}}}} -->
<div class="wp-block-column" style="padding-left:2rem;flex-basis:80%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"vivid-cyan-blue"} -->
<h2 class="has-vivid-cyan-blue-color has-text-color" style="font-style:normal;font-weight:300">Heading of a short description</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Description Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"4rem"} -->
<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"border":{"radius":"10px"},"spacing":{"padding":{"top":"5px","right":"20px","bottom":"5px","left":"20px"}},"color":{"background":"#e8eeee"}}} -->
<div class="wp-block-group has-background" style="border-radius:10px;background-color:#e8eeee;padding-top:5px;padding-right:20px;padding-bottom:5px;padding-left:20px"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"96px","fontStyle":"normal","fontWeight":"700"}},"textColor":"vivid-cyan-blue"} -->
<p class="has-text-align-center has-vivid-cyan-blue-color has-text-color" style="font-size:96px;font-style:normal;font-weight:700">4</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"80%","style":{"spacing":{"padding":{"left":"2rem"}}}} -->
<div class="wp-block-column" style="padding-left:2rem;flex-basis:80%"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"vivid-cyan-blue"} -->
<h2 class="has-vivid-cyan-blue-color has-text-color" style="font-style:normal;font-weight:300">Heading of a short description</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Description Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"4rem"} -->
<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->