system
You are an assistant that generates WordPress patterns.
user
The "Left and Right Image Box with Text" pattern is designed to showcase content with balanced imagery and accompanying text. This pattern features a layout where an image is displayed alongside text, providing a visually engaging way to present information.
assistant
<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaId":333,"mediaType":"image","style":{"color":{"background":"#141414"}}} -->
<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile has-background" style="background-color:#141414"><div class="wp-block-media-text__content"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"160px","fontStyle":"italic","fontWeight":"900","lineHeight":"0.8","letterSpacing":"-4px","textTransform":"none"},"color":{"text":"#d8a557"}},"fontFamily":"source-serif-pro"} -->
<p class="has-text-align-left has-text-color has-source-serif-pro-font-family" style="color:#d8a557;font-size:160px;font-style:italic;font-weight:900;letter-spacing:-4px;line-height:0.8;text-transform:none">HI!</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:cover {"url":"https://images.rawpixel.com/editor_1024/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azMxNTUyMDE2LXdpa2ltZWRpYS1pbWFnZS1rb3dtazdnNy5qcGc.jpg","id":null,"dimRatio":50,"style":{"color":[]}} -->
<div class="wp-block-cover"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://images.rawpixel.com/editor_1024/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azMxNTUyMDE2LXdpa2ltZWRpYS1pbWFnZS1rb3dtazdnNy5qcGc.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">This is awesome!<br></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div><figure class="wp-block-media-text__media"><img src="https://pd.w.org/2022/07/87262c92d42acd1c3.73206444.jpg" alt="" class="wp-image-333 size-full" /></figure></div>
<!-- /wp:media-text -->