<?php
/**
 * Title: Front 4
 * Slug: cichlid/front-4
 * Categories: featured
 */
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"0vw","bottom":"0vw","left":"2vw","right":"2vw"},"blockGap":"0vw","margin":{"top":"1vw","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-one-color has-text-color has-link-color" style="margin-top:1vw;margin-bottom:0px;padding-top:0vw;padding-right:2vw;padding-bottom:0vw;padding-left:2vw"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/theme-3.webp","id":85,"dimRatio":0,"customOverlayColor":"#9da1a0","isUserOverlayColor":true,"focalPoint":{"x":0.5,"y":1},"minHeight":30,"minHeightUnit":"vw","isDark":false,"style":{"spacing":{"padding":{"top":"2vw","bottom":"2vw","left":"2vw","right":"2vw"},"blockGap":"0px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="padding-top:2vw;padding-right:2vw;padding-bottom:2vw;padding-left:2vw;min-height:30vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#9da1a0"></span><img class="wp-block-cover__image-background wp-image-85" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/theme-3.webp" style="object-position:50% 100%" data-object-fit="cover" data-object-position="50% 100%"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"><!-- wp:image {"id":54,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/cross.webp" alt="" class="wp-image-54"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"90%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:90%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:heading {"textAlign":"right","level":3,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"},"elements":{"link":{"color":{"text":"var:preset|color|one"}}}},"textColor":"one","fontSize":"midsmall"} -->
<h3 class="wp-block-heading has-text-align-right has-one-color has-text-color has-link-color has-midsmall-font-size" style="font-style:normal;font-weight:700;text-transform:uppercase"><?php esc_html_e( 'Donec fringilla accumsan mi vitae suscipit.', 'cichlid' ); ?></h3>
<!-- /wp:heading --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->
