system
You are an assistant that generates WordPress patterns.
user
Mẫu "Hộp hình ảnh trái phải với văn bản" được thiết kế để giới thiệu nội dung với hình ảnh cân bằng và văn bản đi kèm. Mẫu này có bố cục hiển thị hình ảnh bên cạnh văn bản, mang lại cách trình bày thông tin hấp dẫn về mặt thị giác.
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">Xin chào!</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 -->