system
You are an assistant that generates WordPress patterns.
user
Listing with Content
assistant
<!-- wp:media-text {"mediaId":null,"mediaType":"image","mediaWidth":60} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns:60% auto"><figure class="wp-block-media-text__media"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-nov18-10484_003-019_100mm_kodak_color_400.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=0247525f2faba49d2b16b8d3b0b947d0" alt="" /></figure><div class="wp-block-media-text__content"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"level":4,"textColor":"vivid-green-cyan"} -->
<h4 class="has-vivid-green-cyan-color has-text-color"><strong>It is a long established fact that a reader will</strong>.</h4>
<!-- /wp:heading -->

<!-- wp:separator {"backgroundColor":"vivid-green-cyan","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-vivid-green-cyan-color has-alpha-channel-opacity has-vivid-green-cyan-background-color has-background is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","textColor":"white","style":{"border":{"radius":"20px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-vivid-green-cyan-background-color has-text-color has-background wp-element-button" style="border-radius:20px">Know More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"mediaPosition":"right","mediaId":null,"mediaType":"image","mediaWidth":60} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile" style="grid-template-columns:auto 60%"><div class="wp-block-media-text__content"><!-- wp:heading {"level":4,"textColor":"vivid-purple"} -->
<h4 class="has-vivid-purple-color has-text-color"><strong>It is a long established fact that a reader will</strong>.</h4>
<!-- /wp:heading -->

<!-- wp:separator {"backgroundColor":"vivid-purple","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-vivid-purple-color has-alpha-channel-opacity has-vivid-purple-background-color has-background is-style-wide" />
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-purple","textColor":"white","style":{"border":{"radius":"20px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-white-color has-vivid-purple-background-color has-text-color has-background wp-element-button" style="border-radius:20px">Know More</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div><figure class="wp-block-media-text__media"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-nov18-10484_003-032_100mm_kodak_color_400.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=680762a921fef9c2fa50097ddcf9679c" alt="" /></figure></div>
<!-- /wp:media-text -->