Отображаются все изображения в карусели bulma

Я использую bulma-carousel для показа слайдов из трех изображений, он отображает все три изображения в виде ползунка (бок о бок), и их можно изменить на активные, но «неактивные» изображения отображается тоже.

<section class="section">
    <div class="container">
        <div id="post_images" class="carousel">
            <div class="item-1">
                <figure class="image is-16by9 has-ratio">
                    <img src="path/to/image"/>
                </figure>
            </div>
            <div class="item-2">
                <figure class="image is-16by9 has-ratio">
                    <img src="path/to/image"/>
                </figure>
            </div>
            <div class="item-3">
                <figure class="image is-16by9 has-ratio">
                    <img src="path/to/image"/>
                </figure>
            </div>
        </div>
    </div>
</section>
<script>
   bulmaCarousel.attach('#post_images', {
      slidesToScroll: 1,
      slidesToShow: 1,
      loop: true,
    });
</script>

Я сделал этот пример Codepen.