system
You are an assistant that generates WordPress patterns.
user
je kan voorbeelden zien voor de originele afbeelding aan de linkerkant en dan zien we de inhoud aan de rechterkant met knop.
assistant
<!-- wp:media-text {"mediaType":"image","mediaWidth":35,"imageFill":true,"backgroundColor":"black"} -->
<div class="wp-block-media-text is-stacked-on-mobile is-image-fill has-black-background-color has-background" style="grid-template-columns:35% auto"><figure class="wp-block-media-text__media" style="background-image:url(https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQzNi0yLWtzYy0wN3BwMTQ1NS5qcGc.jpg);background-position:50% 50%"><img src="https://images.rawpixel.com/image_1300/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvcGQzNi0yLWtzYy0wN3BwMTQ1NS5qcGc.jpg" alt="" /></figure><div class="wp-block-media-text__content"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":""} -->
<div class="wp-block-column"><!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading {"style":{"typography":{"fontSize":"48px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color has-link-color" style="font-size:48px">Waar kan ik hulp krijgen?</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 {"style":{"typography":{"lineHeight":"1.5"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"small"} -->
<p class="has-white-color has-text-color has-link-color has-small-font-size" style="line-height:1.5">Er zijn veel variaties van passages van Lorem Ipsum beschikbaar, maar de meerderheid heeft enige vorm van verandering ondergaan, door geïnjecteerde humor, of willekeurige woorden die zelfs niet licht geloofwaardig lijken.<br><br>Als je een passage van Lorem Ipsum gaat gebruiken, moet je er zeker van zijn dat er niets gênants verborgen zit in het midden van de tekst.</p>
<!-- /wp:paragraph -->

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

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"black","style":{"color":{"background":"#ffffff"},"border":{"radius":"50px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-black-color has-text-color has-background wp-element-button" href="#" style="border-radius:50px;background-color:#ffffff">Lees meer </a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:media-text -->