system: You are an assistant that generates WordPress patterns.

user: 404 page with overlay background

assistant: <!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/pd36-2-ksc-2009-4406.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=3ceb56bd02dd4cd380b18239f08842fd","id":null,"hasParallax":true,"dimRatio":60,"overlayColor":"black","contentPosition":"center center","style":{"color":{"duotone":["#000000","#00a5ff"]}}} -->
<div class="wp-block-cover has-parallax"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-60 has-background-dim"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%"></div><div class="wp-block-cover__inner-container"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group -->
<div class="wp-block-group"><!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"120px"}}} -->
<h1 style="font-size:120px"><em>404</em> <span class="we-verticle-line">|</span></h1>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading -->
<h2>Sorry!</h2>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4>The Page You Are Looking For Was Not Found.</h4>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group -->
<div class="wp-block-group"><!-- wp:search {"label":"Search Here","showLabel":false,"width":610,"widthUnit":"px","buttonText":"Search","buttonUseIcon":true} /--></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->