system: You are an assistant that generates WordPress patterns.

user: Creative layout simulating an offset image & text on a subtle background. The text column contains a title, description and a button. Image appears to be offset vertically above the text column, creating a cascade, step effect.

assistant: <!-- wp:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"3em","left":"0px"}},"color":{"gradient":"linear-gradient(90deg,rgba(255,128,0,0) 50%,rgba(255,128,0,0.06) 50%)"}}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(90deg,rgba(255,128,0,0) 50%,rgba(255,128,0,0.06) 50%);padding-top:0px;padding-right:0px;padding-bottom:3em;padding-left:0px;flex-basis:50%"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"color":[],"border":{"radius":{"topRight":null,"bottomLeft":null,"bottomRight":null}}}} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-326.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=41ad3035d8a7d1070ab9dd3743e6a0fc" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"50%","style":{"spacing":{"padding":{"right":"0px","bottom":"0px","left":"0px","top":"0px"}},"color":{"background":"#ff80000f"}}} -->
<div class="wp-block-column is-vertically-aligned-bottom has-background" style="background-color:#ff80000f;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-basis:50%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"3em","right":"10%","bottom":"3em","left":"10%"}}}} -->
<div class="wp-block-group" style="padding-top:3em;padding-right:10%;padding-bottom:3em;padding-left:10%"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.2em","fontSize":"14px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h2 style="font-size:14px;font-style:normal;font-weight:700;line-height:1;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;text-transform:uppercase;letter-spacing:0.2em">— What We Do</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.2"}},"fontSize":"x-large"} -->
<p class="has-x-large-font-size" style="font-style:normal;font-weight:700;line-height:1.2">Kreatives Design.</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph {"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}}} -->
<p style="font-size:24px;font-style:normal;font-weight:500;line-height:1.4">Nur ein kurzer Satz. Schreibe hier deinen eigenen Text. Dies ist nur ein Beispieltext, den du überschreiben solltest.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Schreibe hier deinen eigenen Text. Dies ist nur ein Beispieltext, den du überschreiben solltest. Nur ein kurzer Satz. Schreibe hier deinen eigenen Text.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"50px"}}}} -->
<div class="wp-block-buttons" style="margin-top:50px"><!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"typography":{"fontSize":"14px"},"spacing":{"padding":{"top":"1.5em","bottom":"1.5em"}}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:14px"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background" href="#0" style="padding-top:1.5em;padding-bottom:1.5em">— MEHR INFOS —</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->