<?php $slider_posts = new WP_Query(array('post_type' => 'carousel-slider', 'orderby' => 'menu_order', 'order' => 'ASC')); ?>
<div id="carouselBizwrap" class="carousel carouselBizwrap slide" data-ride="carousel">
    <div class="carousel-overlay"></div>
    <ol class="carousel-indicators">
        <li data-target="#carouselBizwrap" data-slide-to="0" class="active"></li>
        <li data-target="#carouselBizwrap" data-slide-to="1" class=""></li>
        <li data-target="#carouselBizwrap" data-slide-to="2" class=""></li>
    </ol>
    <div class="carousel-inner">
        <?php
        $i = 1;
        if ($slider_posts->have_posts()) : while ($slider_posts->have_posts()) : $slider_posts->the_post();
                $active = $i == 1 ? 'carousel-item active' : 'carousel-item';
                $large_image_full_url = '';
                if (has_post_thumbnail()) {
                    $large_image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', array('class' => 'img-fluid'));
                    $large_image_full_url = $large_image_url[0];
                }
                ?>
                <div class="carousel-item <?php echo $active; ?>" style="background-image: url('<?php echo $large_image_full_url; ?>')">
                    <div class="carousel-content">
                        <div class="carousel-overlay"></div>
                        <div class="container">
                            <div class="row align-items-center">
                                <?php the_content(); ?>
                            </div>
                        </div>
                    </div><!--content-->
                </div>
                <?php
                $i++;
            endwhile;
        endif;
        wp_reset_query();
        ?>
    </div><!--inner-->
    <!--<a class="carousel-control-prev" href="#carouselBizwrap" role="button" data-slide="prev">
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselBizwrap" role="button" data-slide="next">
        <span class="sr-only">Next</span>
    </a>-->
</div>
