function flickity_scripts() {
wp_enqueue_script( 'flickityjs', get_template_directory_uri() . '/js/flickity.pkgd.min.js', array( 'jquery' ), '1.9.0', true );
wp_enqueue_script( 'flickityjs-init', get_template_directory_uri(). '/js/flickity.init.js', array( 'flickityjs' ), '1.9.0', true );

wp_enqueue_style( 'flickitycss', get_template_directory_uri() . '/css/flickity.min.css', 'all');

<section class="main-carousel relative pt4 pb7 overflow-hidden" style="background-color: <?php the_sub_field ('gallery_background_color');?>">
<?php $images = get_sub_field('gallery'); if( $images ): ?>
    <div class="carousel-box" style="background-color: <?php the_sub_field ('gallery_background_color');?>"></div>
        <div class="flickity-carousel">
        <div class="carousel-container">
        <?php foreach( $images as $image ): ?>
                <div class="ma0 gallery-slide">
                    <div class="bg-center cover vh-75 list"style="background-image: url(<?php echo $image['url']; ?>)" alt="<?php echo $image['url']; ?>"></div>
                </div>
            <?php endforeach; ?>
        </div>
        </div>

<?php endif;?>