themes-wordpress/grammerone/patterns/simple-header-with-image.php

<?php
/**
 * Title: simple-header-with-image
 * Slug: grammerone/simple-header-with-image
 * Categories: hidden
 * Inserter: no
 */
?>
<!-- wp:group {"align":"full","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:cover {"dimRatio":0,"overlayColor":"primary","minHeight":8,"minHeightUnit":"rem","align":"full","style":{"spacing":{"margin":{"top":"0rem","bottom":"0rem"},"padding":{"top":"1rem","bottom":"0rem","left":"2rem","right":"2rem"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="margin-top:0rem;margin-bottom:0rem;padding-top:1rem;padding-right:2rem;padding-bottom:0rem;padding-left:2rem;min-height:8rem"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"0.75rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:site-title {"textAlign":"center","style":{"typography":{"letterSpacing":"-0.02rem","fontStyle":"normal","fontWeight":"700","textTransform":"lowercase","lineHeight":1}},"fontSize":"small"} /-->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1"}}} -->
<p style="line-height:1">@golaj</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->

<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/man-behind-the-camera-scaled.webp","id":1128,"dimRatio":0,"minHeight":50,"minHeightUnit":"vh","align":"full","style":{"color":{"duotone":["#000000","#7f7f7f"]}}} -->
<div class="wp-block-cover alignfull" style="min-height:50vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-1128" alt="" src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/man-behind-the-camera-scaled.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->