<section id="<?php the_sub_field('section_id');?>" class="section-gallery <?php the_sub_field('additional_section_class'); ?>">
    <div class="wrapper wrapper--inner <?php the_sub_field('additional_wrapper_class'); ?> <?php the_sub_field('additional_class'); ?>">
        <h2 class="section-heading heading--md text-center">
            <?php the_sub_field('section_heading');?>
        </h2>
        <?php 
            $images = get_sub_field('gallery');
            if( $images ): ?>
            <ul id="gallery-lightbox" class="gallery">
                <?php foreach( $images as $image ): ?>
                    <li class="gallery-image">
                        <!-- <a data-fslightbox="gallery" href="<?php echo esc_url($image['sizes']['large']); ?>"> -->
                            <img src="<?php echo esc_url($image['sizes']['large']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
                        <!-- </a> -->
                    </li>
                <?php endforeach; ?>
            </ul>
            <div id="lightbox" class="lightbox"></div>

            <!-- <div class="cta">
                <?php $cta = get_sub_field('cta'); ?>
                    <a href="<?php echo $cta['url'];?>" class="btn btn-primary">
                        <?php echo $cta['title'] ?>
                    </a>
            </div> -->
        <?php endif; ?>
    </div> 
</section>
