system
You are an assistant that generates WordPress patterns.
user
About us with masonry image and text in two columns.
assistant
<!-- wp:group {"align":"wide","style":{"color":{"background":"#0792e31f"},"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|30","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30"}},"border":{"radius":"12px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-background" style="border-radius:12px;background-color:#0792e31f;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns" style="padding-right:var(--wp--preset--spacing--30)"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJsYWtlX3dhdGVyX2xhbmRzY2FwZV9uYXR1cmVfMC1pbWFnZS1reWJkYzBxNS5qcGc.jpg","dimRatio":10,"overlayColor":"black","focalPoint":{"x":0.4,"y":0.62},"minHeight":320,"contentPosition":"center center","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"blockGap":"0"}},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJsYWtlX3dhdGVyX2xhbmRzY2FwZV9uYXR1cmVfMC1pbWFnZS1reWJkYzBxNS5qcGc.jpg" style="object-position:40% 62%" data-object-fit="cover" data-object-position="40% 62%" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Einen Titel schreiben …","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0aGFpbGFuZF9wYWxtX3NreV9ob2xpZGF5XzAtaW1hZ2Uta3liY2d6NzYuanBn.jpg","dimRatio":0,"overlayColor":"black","minHeight":320,"isDark":false,"style":{"color":[]},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light" style="min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJ0aGFpbGFuZF9wYWxtX3NreV9ob2xpZGF5XzAtaW1hZ2Uta3liY2d6NzYuanBn.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Einen Titel schreiben …","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJyb2Jpbl9wb3N0X2Zsb3dlcnNfYmlyZF8wLWltYWdlLWt5YmN0eGhnLmpwZw.jpg","dimRatio":0,"overlayColor":"black","minHeight":320,"style":{"color":[]},"layout":{"type":"default"}} -->
<div class="wp-block-cover" style="min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJyb2Jpbl9wb3N0X2Zsb3dlcnNfYmlyZF8wLWltYWdlLWt5YmN0eGhnLmpwZw.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Einen Titel schreiben …","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjIzNTcwLXdpa2ltZWRpYS1pbWFnZS1rb3dzMW14cy5qcGc.jpg","dimRatio":0,"overlayColor":"black","minHeight":320,"isDark":false,"style":{"color":[]},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light" style="min-height:320px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azYyMjIzNTcwLXdpa2ltZWRpYS1pbWFnZS1rb3dzMW14cy5qcGc.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Einen Titel schreiben …","style":{"typography":{"fontSize":"0px"}}} -->
<p class="has-text-align-center" style="font-size:0px"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontSize":"16px","letterSpacing":"0.5px"},"color":{"text":"#009fe3"}}} -->
<p class="has-text-color" style="color:#009fe3;font-size:16px;letter-spacing:0.5px;text-transform:uppercase"><strong><mark style="background-color:#e1f2fc" class="has-inline-color has-black-color">Lorem</mark> Ipsum</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0.46rem","right":"0","bottom":"0","left":"0"}}}} -->
<h3 class="wp-block-heading" style="margin-top:0.46rem;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:700">Lorem Ipsum&nbsp;<mark style="background-color:#e1f2fc;color:#009fe3" class="has-inline-color">ist einfach</mark> Blindtext</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Es ist eine altbekannte Tatsache, dass ein Leser vom lesbaren Inhalt einer Seite abgelenkt wird, wenn er das Layout betrachtet. Der Sinn der Verwendung von Lorem Ipsum besteht darin, dass es eine mehr oder weniger normale Verteilung hat.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"32px"}}}} -->
<p style="margin-bottom:32px">Es gibt viele Variationen von Lorem Ipsum, aber die meisten sind in irgendeiner Form verändert worden, z. B. durch eingefügten Humor oder willkürliche Wörter, die nicht einmal annähernd glaubwürdig wirken. Wenn Sie eine Lorem-Ipsum-Passage verwenden wollen, müssen Sie sicher sein, dass sie nichts Peinliches enthält.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","width":50,"style":{"typography":{"fontStyle":"normal","fontWeight":"700","textTransform":"uppercase"},"spacing":{"padding":{"top":"0.8rem","bottom":"0.8rem"}},"color":{"background":"#009fe3"},"border":{"radius":"6px"}},"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-fill" style="font-style:normal;font-weight:700;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color has-background wp-element-button" style="border-radius:6px;background-color:#009fe3;padding-top:0.8rem;padding-bottom:0.8rem">Mehr erfahren</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->