<div class=“carousel home slide row” id=“bootstrap-carousel”>

<ol class="carousel-indicators">
    {% for item in include.object.items %}
        <li data-slide-to="{{forloop.index}}" data-target="#bootstrap-carousel" 
        {% if forloop.first %}class="active"{% endif %}></li>
    {% endfor %}
</ol>
<div class="carousel-inner">
    {% for slide in include.object.items %}
    <div class="carousel-item darken {% if forloop.first %}active{% endif %}">

<div markdown=“1”> {% assign slide_image = slide.image.path | replace: '/assets/images/','' %} {% picture blog {{slide_image}} alt=slide.image.alt %} </div>

        <div class="carousel-caption flex-container">
            <div class="flex-content">
                <h4 class="responsive-text-large">
                    {{slide.title}}
                </h4>
                {% if slide.text %}
                <p class="responsive-text">
                    {{slide.text}}
                </p>
                {% endif %}
                {% if slide.buttons %}
                    {% for btn in slide.buttons %}
                        <a class="btn btn-primary" href="{{btn.url}}">{{btn.title}}</a>
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
</div> 
<a class="carousel-control-prev" href="#bootstrap-carousel" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
<span class="sr-only">Previous</span></a>
<a class="carousel-control-next" href="#bootstrap-carousel" data-slide="next">
<span class="carousel-control-next-icon"></span>
<span class="sr-only">Next</span></a>

</div>