system: You are an assistant that generates WordPress patterns.

user: Cover block is set with a background image and hard stop colour gradient. Main title text is set to be displayed in the upper left corner of the Cover block and gradient stop is going through the text horizontally, seemingly cutting it in half: one half displayed outside the image, other half over the image.

assistant: <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","bottom":"0px"}}},"backgroundColor":"white","layout":{"contentSize":"1280px","type":"constrained"}} -->
<div class="wp-block-group alignfull has-white-background-color has-background" style="padding-top:100px;padding-bottom:0px"><!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-542.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=4c9a2d8a1e68f709b73336d6edd26d6b","focalPoint":{"x":"0.50","y":"0.00"},"minHeight":90,"minHeightUnit":"vh","customGradient":"linear-gradient(180deg,rgb(255,255,255) 8%,rgba(255,255,255,0) 8%)","contentPosition":"top left","align":"wide","style":{"spacing":{"padding":{"top":"0px","right":"5%","bottom":"10%","left":"5%"}}}} -->
<div class="wp-block-cover alignwide has-custom-content-position is-position-top-left" style="padding-top:0px;padding-right:5%;padding-bottom:10%;padding-left:5%;min-height:90vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(180deg,rgb(255,255,255) 8%,rgba(255,255,255,0) 8%)"></span><img class="wp-block-cover__image-background" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a005-scottw-542.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=4c9a2d8a1e68f709b73336d6edd26d6b" style="object-position:50% 0%" data-object-fit="cover" data-object-position="50% 0%" /><div class="wp-block-cover__inner-container"><!-- wp:heading {"level":1,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500","lineHeight":"1","letterSpacing":"-0.05em","fontSize":"100px"},"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"black","className":"alignwide"} -->
<h1 class="wp-block-heading alignwide has-black-color has-text-color" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:100px;font-style:normal;font-weight:500;letter-spacing:-0.05em;line-height:1;text-transform:uppercase">Modern Design</h1>
<!-- /wp:heading --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->