system: You are an assistant that generates WordPress patterns.

user: Away of highlighting key metrics or stats on a page, It can be used in text-left or text-right modes by swapping the column positions. Background color or gradient is easily changed or removed. Anticipated that 2 or more of these may be used on a page.

assistant: <!-- wp:columns {"style":{"spacing":{"padding":{"top":"1rem","right":"1rem","bottom":"1rem","left":"1rem"}},"color":{"text":"#444444","background":"#e2fbf2"}}} -->
<div class="wp-block-columns has-text-color has-background" style="color:#444444;background-color:#e2fbf2;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading -->
<h2>↑ 101 %</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">A ↑ or ↓ symbol can be used in the heading. Similarly, the number could be labelled as a cash value €$£¥.<br>Select the column and then you can use the left-right arrows to swap position with the image.<br></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"14px"}},"className":"is-style-default"} -->
<figure class="wp-block-image aligncenter size-full is-style-default" style="border-radius:14px"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-jan19-msp_1811_0797.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=e3ab166ae3df1f0cba4a2903ef394b92" alt="" /><figcaption>Pertumbuhan 101% - Keterangan Gambar Opsional</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->