изображение совы в карусели не отображается должным образом

Question

  $(document).ready(function() {
        $(".owl-carousel").owlCarousel({
            items: 4,
            navigation: true,
            mouseDrag: false
        });
    });

<div id="owl-carousel owl-theme">
          
  <div class="item"><img src="assets/owl2.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl3.jpg" alt="Owl Image"></div>
  <div class="item"><img src="assets/owl4.jpg" alt="Owl Image"></div>
  
</div>

изображение не отображается должным образом Карусель совы не работает должным образом. Я загрузил три изображения, и когда я нажимаю на второе изображение, отображается половина изображения. Когда я нажимаю на последнее изображение, ничего не отображается (пусто).

Я использую скрипт карусели совы v.1.3.3

Пожалуйста, любая помощь будет принята с благодарностью.