<?php
/**
 * Title: Gallery (style 7)
 * Slug: mroya/gallery-7
 * Description: Gallery section with mixed images in 3 columns.
 * Categories: gallery
 * Keywords: gallery, portfolio
 * Viewport Width: 1440
 */

?>
<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Gallery (style 7)', 'Name for the Gallery pattern', 'mroya' ); ?>"},"align":"wide","className":"gallery gallery--7","layout":{"type":"grid","minimumColumnWidth":null,"columnCount":3}} -->
<div class="wp-block-group alignwide gallery gallery--7">
	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"layout":{"columnSpan":2,"rowSpan":2}}} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"layout":{"columnSpan":2,"rowSpan":2}}} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->

	<!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
	<figure class="wp-block-image size-full">
		<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/placeholder.webp" alt="" style="aspect-ratio:1;object-fit:cover"/>
	</figure>
	<!-- /wp:image -->
</div>
<!-- /wp:group -->
