<section id="homeCarousel">
    <!-- Wrapper for Slides -->
    <div id="hcarousel">
        <?php
        while ($query1->have_posts()) {
            $query1->the_post();
            $sliderFull = get_the_post_thumbnail_url($query1->post->ID, 'full');
            $sliderSmall = get_the_post_thumbnail_url($query1->post->ID, 'lazy');
            ?>
            <div class="item <?php if (0 == $count) echo 'active'; ?>">
                <!-- Set the first background image using inline CSS below. -->
                <div class="fill <?php if (0 == $count) echo 'loaded'; ?>" <?php if (0 == $count) {
                  echo "style=\"background-image: url('";
                  echo $sliderFull;
                  echo "')\"";
                } else {
                  lazyBackgorundImage($sliderFull, $sliderSmall);
                } ?>>
                    <div class="container promo">
                        <div class="row">
                            <div class="col-xs-12 col-sm-offset-2 col-sm-8 col-lg-offset-0">
                                <h1><?php the_title(); ?></h1>
                                <?php the_content(); ?>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <?php
            $count++;
        }
        wp_reset_postdata();
        ?>
      </div>
</section>