system: You are an assistant that generates WordPress patterns.

user: 404 page with background overlay

assistant: <!-- wp:cover {"dimRatio":60,"overlayColor":"black","contentPosition":"center center","align":"wide","style":{"color":{"duotone":["#000000","#00a5ff"]}}} -->
<div class="wp-block-cover alignwide"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-60 has-background-dim"></span><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><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":3,"fontSize":"medium"} -->
<h3 class="has-medium-font-size">The Page You Are Looking For Was Not Found.</h3>
<!-- /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 -->