system
You are an assistant that generates WordPress patterns.
user
Creatively set 3 columns layout with Cover blocks with fixed background. First column is empty, while other 2 contain Cover block with the same background image. Thus creating an effect of image stretching to the right edge of the screen. There is dark overlay in the middle Cover block with a title, description and more link.
assistant
<!-- wp:cover {"url":"https://pd.w.org/2022/01/43261db65cb8bb697.11676174.jpeg","hasParallax":true,"dimRatio":0,"minHeight":300,"minHeightUnit":"px","isDark":false,"align":"full","style":{"color":[],"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://pd.w.org/2022/01/43261db65cb8bb697.11676174.jpeg)"></div><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns" style="margin-top:0;margin-bottom:0"><!-- wp:column {"backgroundColor":"white"} -->
<div class="wp-block-column has-white-background-color has-background"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"600px","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"color":{"background":"#000000cc"},"spacing":{"padding":{"top":"100px","right":"2em","bottom":"100px","left":"2em"}}},"textColor":"white"} -->
<div class="wp-block-column has-white-color has-text-color has-background has-link-color" style="background-color:#000000cc;padding-top:100px;padding-right:2em;padding-bottom:100px;padding-left:2em;flex-basis:600px"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.2em","fontSize":"14px","fontStyle":"normal","fontWeight":"700"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}},"textColor":"white"} -->
<h2 class="wp-block-heading has-white-color has-text-color" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:14px;font-style:normal;font-weight:700;letter-spacing:0.2em;text-transform:uppercase">— Parallax to the edge</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="font-size:28px;font-style:normal;font-weight:500;line-height:1.4">Skriv din egen text här. Detta är bara en demotext som du ska skriva över. Skriv din egen text här. Detta är bara en demotext som du ska skriva över.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} -->
<p class="has-link-color" style="font-style:normal;font-weight:300"><a href="#0"><em>Mer detaljer →</em></a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"600px"} -->
<div class="wp-block-column" style="flex-basis:600px"><!-- wp:spacer {"height":"200px"} -->
<div style="height:200px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->