system: You are an assistant that generates WordPress patterns.

user: Group block with a subtle background contains an introductory title and description in 2-columns layout. Below there are 4 columns in 2-columns layout. The first one contains an image. The other 3 columns contain a step number, title and short description. These are displayed with black text on a white background with a dark border at the bottom.

assistant: <!-- wp:group {"align":"full","style":{"color":{"background":"#fff9ef"},"spacing":{"padding":{"top":"100px","right":"5%","bottom":"80px","left":"5%"}}},"layout":{"contentSize":"1200px"}} -->
<div class="wp-block-group alignfull has-background" style="background-color:#fff9ef;padding-top:100px;padding-right:5%;padding-bottom:80px;padding-left:5%"><!-- wp:columns {"style":{"spacing":{"margin":{"bottom":"100px"}}}} -->
<div class="wp-block-columns" style="margin-bottom:100px"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"}}} -->
<h2 style="font-size:28px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:0.1em">— Detta är rubrik</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"24px","lineHeight":"1.4","fontStyle":"normal","fontWeight":"500"}}} -->
<p style="font-size:24px;font-style:normal;font-weight:500;line-height:1.4">Skriv din egen text här. Detta är bara en demotext som du ska skriva över.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"bottom"} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-388.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=7b1420a934329a445b1f1851ebc08533","dimRatio":0,"minHeight":50,"minHeightUnit":"vh","isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:50vh"><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="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-388.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=7b1420a934329a445b1f1851ebc08533" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"5px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group has-black-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:5px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10%","right":"10%","bottom":"10%","left":"10%"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-group has-black-color has-white-background-color has-text-color has-background" style="padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1","fontStyle":"normal","fontWeight":"700","letterSpacing":"0.15em"},"color":{"text":"#aaaaaa"}}} -->
<p class="has-text-color" style="color:#aaaaaa;font-size:16px;font-style:normal;font-weight:700;line-height:1;letter-spacing:0.15em">— 01</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.1em">Service Title</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Skriv din egen text här. Detta är bara en demotext som du ska skriva över. Bara en kort mening. Skriv din egen text här. Detta är bara en demotext som du ska skriva över.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"5px","left":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group has-black-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:5px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10%","right":"10%","bottom":"10%","left":"10%"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-group has-black-color has-white-background-color has-text-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1","fontStyle":"normal","fontWeight":"700","letterSpacing":"0.15em"},"color":{"text":"#aaaaaa"}}} -->
<p class="has-text-color" style="color:#aaaaaa;font-size:16px;font-style:normal;font-weight:700;line-height:1;letter-spacing:0.15em">— 02</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.1em">Rubrik för funktion</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Skriv din egen text här. Detta är bara en demotext som du ska skriva över. Bara en kort mening. Skriv din egen text här. Detta är bara en demotext som du ska skriva över.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"5px","left":"0px"}}},"backgroundColor":"black"} -->
<div class="wp-block-group has-black-background-color has-background" style="padding-top:0px;padding-right:0px;padding-bottom:5px;padding-left:0px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"10%","right":"10%","bottom":"10%","left":"10%"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white","textColor":"black"} -->
<div class="wp-block-group has-black-color has-white-background-color has-text-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"1","fontStyle":"normal","fontWeight":"700","letterSpacing":"0.15em"},"color":{"text":"#aaaaaa"}}} -->
<p class="has-text-color" style="color:#aaaaaa;font-size:16px;font-style:normal;font-weight:700;line-height:1;letter-spacing:0.15em">— 03</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","letterSpacing":"0.1em"},"spacing":{"margin":{"top":"20px","bottom":"20px"}}},"fontSize":"medium"} -->
<h3 class="has-medium-font-size" style="font-style:normal;font-weight:700;margin-top:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.1em">Step Title</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Skriv din egen text här. Detta är bara en demotext som du ska skriva över. Bara en kort mening. Skriv din egen text här. Detta är bara en demotext som du ska skriva över.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->