system: You are an assistant that generates WordPress patterns.

user: Групповой блок с тонким фоном содержит вводный заголовок и описание в разметке из 2 столбцов. Ниже находятся 4 столбца в разметке из 2 столбцов. Первый столбец содержит изображение. В остальных 3 столбцах содержатся номер шага, заголовок и краткое описание. Они отображаются черным текстом на белом фоне с темной границей внизу.

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">— Это заголовок</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">Напишите свой собственный текст здесь. Это всего лишь демонстрационный текст, который вы должны заменить.</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">Название услуги</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Напишите свой собственный текст копии здесь. Это просто демонстрационный текст, который вы должны перезаписать. Напишите свой собственный текст копии здесь. Это просто демонстрационный текст.</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">Название функции</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Напишите свой собственный текст копии здесь. Это просто демонстрационный текст, который вы должны перезаписать. Напишите свой собственный текст копии здесь. Это просто демонстрационный текст.</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">Название шага</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
<p style="font-size:16px">Напишите свой собственный текст копии здесь. Это просто демонстрационный текст, который вы должны перезаписать. Напишите свой собственный текст копии здесь. Это просто демонстрационный текст.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->