ACF Repeater

<div class="container-fluid container-fluid-no">
    <div class="row alto-bg">
        <div class="col-lg-12 px-0">
            <div class="row first-slider">
                <div class="col-lg-12 swiper-container px-0 mx-0">
                    <div class="swiper-wrapper">
                        <?php
                            if( have_rows('slider') ):
                                while ( have_rows('slider') ) : the_row(); ?>
                                    <div class="swiper-slide" style="background-image:url('<?php echo the_sub_field('background_image'); ?>');">
                                        <div class="row slide-content">
                                            <div class="col-lg-12">
                                                <div class="pt-3 ">
                                                    <?php the_sub_field('slide_content');?>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="slider-overlay"></div>
                                    </div>
                                <?php endwhile;
                            else :
                            endif;
                        ?>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    <script>
                        var mySwiper = new Swiper('.swiper-container', {
                            direction: 'horizontal',
                            loop: true,
                            effect: 'fade',
                            pagination: {
                                el: '.swiper-pagination',
                                clickable: true,
                            },
                            keyboard: {
                                enabled: true,
                            },
                            navigation: {
                                nextEl: '.swiper-button-next',
                                prevEl: '.swiper-button-prev',
                            }
                        })
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
<div>