<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
    <div class="orbit-wrapper">
        <div class="orbit-controls">
            <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
            <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
        </div>
        <ul class="orbit-container">
            {{#each products.vegslides}}
            <li class="is-active orbit-slide">
                <figure class="orbit-figure">
                    <img class="orbit-image" src="../assets/img/{{img}}" alt="{{ alt }}">
                    <figcaption class="orbit-caption"><h1>{{ caption-heading }}</h1> <br> <p> {{ caption-body }} </p></figcaption>
                </figure>
            </li>
            {{/each}}
        </ul>
    </div>
</div>
