<?php
/**
 * Title: Photo Gallery
 * Slug: starter-blog/photo-gallery
 * Categories: gallery
 */
?>

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">
    <div class="wp-block-group__inner-container">
        <!-- wp:heading {"textAlign":"center","level":2} -->
        <h2 class="has-text-align-center">Starter Blog Photo Gallery</h2>
        <!-- /wp:heading -->

        <!-- wp:gallery {"align":"wide","columns":3,"linkTo":"none"} -->
        <figure class="wp-block-gallery alignwide has-nested-images columns-3">
            <!-- wp:image -->
            <figure class="wp-block-image">
                <img src="https://via.placeholder.com/300" alt="Gallery Image 1" />
            </figure>
            <!-- /wp:image -->

            <!-- wp:image -->
            <figure class="wp-block-image">
                <img src="https://via.placeholder.com/300" alt="Gallery Image 2" />
            </figure>
            <!-- /wp:image -->

            <!-- wp:image -->
            <figure class="wp-block-image">
                <img src="https://via.placeholder.com/300" alt="Gallery Image 3" />
            </figure>
            <!-- /wp:image -->

            <!-- Add more images as needed -->
        </figure>
        <!-- /wp:gallery -->
    </div>
</div>
<!-- /wp:group -->
