system: You are an assistant that generates WordPress patterns.

user: Counter section with description...

assistant: <!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}},"backgroundColor":"white","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-white-background-color has-background" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:spacer {"height":"0px"} -->
<div style="height:0px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"textAlign":"center","style":{"color":{"text":"#2c4776"},"typography":{"letterSpacing":"4px","textTransform":"uppercase","fontSize":"50px"}}} -->
<h2 class="has-text-align-center has-text-color" style="color:#2c4776;font-size:50px;letter-spacing:4px;text-transform:uppercase"><strong>COunter!</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#111111"}}} -->
<p class="has-text-align-center has-text-color" style="color:#111111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque laoreet pretium eleifend. Suspendisse eget nisl ut nunc gravida hendrerit eu vel dui. Sed quis mi erat.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":null,"sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"25px"}},"className":"is-style-default"} -->
<figure class="wp-block-image size-full has-custom-border is-style-default"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJtb3VudGFpbnNfbmF0dXJhbF93b25kZXJmdWxfdmlldy1pbWFnZS1reWJkNmIwcS5qcGc.jpg" alt="" style="border-radius:25px" /></figure>
<!-- /wp:image -->

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

<!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-columns has-white-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#4d6263"}}} -->
<h6 class="has-text-align-center has-text-color" style="color:#4d6263"><strong>UTMÄRKELSER</strong></h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"none"},"color":{"text":"#91aee0"}}} -->
<h3 class="has-text-align-center has-text-color" style="color:#91aee0;text-transform:none"><strong>17</strong></h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#4d6263"}}} -->
<h6 class="has-text-align-center has-text-color" style="color:#4d6263"><strong><strong>XP YEARS</strong></strong></h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"none"},"color":{"text":"#91aee0"}}} -->
<h3 class="has-text-align-center has-text-color" style="color:#91aee0;text-transform:none"><strong>16+</strong></h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#4d6263"}}} -->
<h6 class="has-text-align-center has-text-color" style="color:#4d6263"><strong><strong>KLIENTER</strong></strong></h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"none"},"color":{"text":"#91aee0"}}} -->
<h3 class="has-text-align-center has-text-color" style="color:#91aee0;text-transform:none"><strong>508</strong></h3>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"textAlign":"center","level":6,"style":{"color":{"text":"#4d6263"}}} -->
<h6 class="has-text-align-center has-text-color" style="color:#4d6263"><strong><strong>PROJEKT</strong></strong></h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"none"},"color":{"text":"#91aee0"}}} -->
<h3 class="has-text-align-center has-text-color" style="color:#91aee0;text-transform:none"><strong>950</strong></h3>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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