system: You are an assistant that generates WordPress patterns.

user: Diseño creativo que simula una imagen y un texto desplazados con un fondo oscuro debajo de la sección de texto que se extiende hasta el borde derecho de la pantalla. La imagen parece estar desplazada verticalmente por encima de la columna de texto, creando un efecto de cascada, escalonado. El texto contiene un título, una descripción y un enlace más.

assistant: <!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"width":""} -->
<div class="wp-block-column"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"382px","style":{"color":{"gradient":"linear-gradient(90deg,rgba(0,0,0,0) 60%,rgb(0,0,0) 60%)"}}} -->
<div class="wp-block-column has-background" style="background:linear-gradient(90deg,rgba(0,0,0,0) 60%,rgb(0,0,0) 60%);flex-basis:382px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none","style":{"color":[],"border":{"radius":{"topLeft":null,"topRight":null,"bottomRight":null}}}} -->
<figure class="wp-block-image size-full"><img src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a010-markusspiske-mar19-1812-1868.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=5813a61381054a8977b777675d9b418f" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"618px","backgroundColor":"black","textColor":"white"} -->
<div class="wp-block-column has-white-color has-black-background-color has-text-color has-background" style="flex-basis:618px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4vw","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-white-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:4vw;padding-right:0px;padding-bottom:0px;padding-left:0px"></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"15%","right":"10%","bottom":"15%","left":"10%"}}}} -->
<div class="wp-block-group" style="padding-top:15%;padding-right:10%;padding-bottom:15%;padding-left:10%"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.2em","fontSize":"14px","fontStyle":"normal","fontWeight":"700","lineHeight":"1"},"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
<h2 style="font-size:14px;font-style:normal;font-weight:700;line-height:1;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;text-transform:uppercase;letter-spacing:0.2em">— Lo que hacemos</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.2"}},"fontSize":"x-large"} -->
<p class="has-x-large-font-size" style="font-style:normal;font-weight:700;line-height:1.2">Diseño creativo.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"typography":{"fontSize":"24px","fontStyle":"normal","fontWeight":"500","lineHeight":"1.4"}}} -->
<p style="font-size:24px;font-style:normal;font-weight:500;line-height:1.4">Sólo una frase corta. Este es un texto de demostración que debes sobreescribir.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Sólo una frase corta. Escribe tu propio texto de copia aquí. Este es sólo un texto de demostración que debes sobrescribir. Sólo una frase corta.</p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"50px"} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<p style="font-style:normal;font-weight:700"><a href="#0">Seguir leyendo →</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"black"} -->
<div class="wp-block-column has-black-background-color has-background"><!-- wp:group {"style":{"spacing":{"padding":{"top":"4vw","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"white"} -->
<div class="wp-block-group has-white-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:4vw;padding-right:0px;padding-bottom:0px;padding-left:0px"></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->