system
You are an assistant that generates WordPress patterns.
user
A call to action with left images and right content.
assistant
<!-- wp:cover {"url":"https://employees.thebearmarketingfirm.com/wp-content/uploads/2024/06/meric-dagli-DGBFE7E1jig-unsplash-scaled.jpg","id":133,"dimRatio":0,"customOverlayColor":"#02c2ce","isUserOverlayColor":true,"isDark":false,"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignwide is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#02c2ce"></span><img class="wp-block-cover__image-background wp-image-133" alt="" src="https://employees.thebearmarketingfirm.com/wp-content/uploads/2024/06/meric-dagli-DGBFE7E1jig-unsplash-scaled.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full"} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"width":"250px","height":"auto","aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="https://i.postimg.cc/GpVdwJp3/david-courbit-9-Xzy-Ez-PAHMI-unsplash.jpg" alt="" style="aspect-ratio:1;object-fit:cover;width:250px;height:auto" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"width":"250px","sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="https://i.postimg.cc/pdpR61R1/eugenia-clara-95-GPGCq-cdg-unsplash.jpg" alt="" style="width:250px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"width":"250px","sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="https://i.postimg.cc/kXvJ6bTw/hans-isaacson-rdcl-W-dgmvo-unsplash.jpg" alt="" style="width:250px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:image {"width":"250px","sizeSlug":"large","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-large is-resized"><img src="https://i.postimg.cc/zGdqp1Zg/david-courbit-M8xx-Vih-V-U-unsplash.jpg" alt="" style="width:250px" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"right":"25px","left":"25px","top":"25px","bottom":"25px"}},"color":{"gradient":"linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 0%,rgb(51,167,181) 100%)"}}} -->
<div class="wp-block-column is-vertically-aligned-center has-background" style="background:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 0%,rgb(51,167,181) 100%);padding-top:25px;padding-right:25px;padding-bottom:25px;padding-left:25px"><!-- wp:heading {"style":{"color":{"text":"#043c14"},"elements":{"link":{"color":{"text":"#043c14"}}}}} -->
<h2 class="wp-block-heading has-text-color has-link-color" style="color:#043c14">Abschnittstitel</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"color":{"text":"#084d57"},"elements":{"link":{"color":{"text":"#084d57"}}}}} -->
<p class="has-text-color has-link-color" style="color:#084d57">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.  </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"color":{"background":"#084d57"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"textTransform":"uppercase"},"border":{"radius":"0px"}}} -->
<div class="wp-block-button" style="text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button" style="border-radius:0px;background-color:#084d57">Button-Titel</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->