system: You are an assistant that generates WordPress patterns.

user: Two rows of content each having an image connected to the text by a partially overlapping background.

assistant: <!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"color":{"gradient":"linear-gradient(90deg,rgb(241,244,244) 0%,rgb(241,244,244) 72%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 100%)"},"spacing":{"blockGap":"0px","padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center has-background" style="background:linear-gradient(90deg,rgb(241,244,244) 0%,rgb(241,244,244) 72%,rgba(255,255,255,0) 72%,rgba(255,255,255,0) 100%);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#f1f4f4"},"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"2rem","right":"2rem","bottom":"2rem","left":"2rem"}}}} -->
<div class="wp-block-group has-background" style="background-color:#f1f4f4;margin-top:0px;margin-bottom:0px;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">DIE GESCHICHTE VON</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"0px"}}}} -->
<h2 class="wp-block-heading" style="margin-top:0px">Diesem Ding</h2>
<!-- /wp:heading -->

<!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>In porttitor, neque efficitur fermentum consectetur, felis velit tristique tellus, non venenatis lacus ante sit amet sapien. Nunc ante pulvinar erat, quis fringilla donec volutpat odio vel leo lacinia, vel finibus nisi egestas mi a vestibulum malesuada.</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li><a href="#">Über das Ding</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="#">Vorherige Dinge</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd51b5-022-jj.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=5f9c49232c617678c904f41408c55559" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"blockGap":"0px"},"color":{"gradient":"linear-gradient(90deg,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 28%,rgb(241,244,244) 28%,rgb(241,244,244) 100%)"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center has-background" style="background:linear-gradient(90deg,rgba(255,255,255,0) 10%,rgba(255,255,255,0) 28%,rgb(241,244,244) 28%,rgb(241,244,244) 100%);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/225a4442.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=381cc9d7bd937ed419c7e9a529b7a471" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"color":{"background":"#f1f4f4"},"spacing":{"padding":{"left":"2rem","right":"2rem","bottom":"2rem","top":"2rem"}}}} -->
<div class="wp-block-group has-background" style="background-color:#f1f4f4;padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem"><!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">ERFAHRE MEHR ÜBER</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"spacing":{"margin":{"top":"0px"}}}} -->
<h2 class="wp-block-heading" style="margin-top:0px">Dieses Thema</h2>
<!-- /wp:heading -->

<!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>Donec porttitor tortor non lectus euismod, quis interdum leo iaculis. Sed blandit, ex in blandit egestas, nunc ante pulvinar erat, quis fringilla velit nisl ut ipsum.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li><a href="#">Wer?</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="#">Wieso?</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="#">Wo?</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->