Does owl-carousel work strangely?

Question

css

Hello. Connected owl-carousel, all paths work correctly, all default settings. Here is the structure:

<div class="owl-carousel owl-theme">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
  </div>

But in reality they are displayed as follows:
They just go under each other as one item
Here is a screenshot. The second and third item are just empty. What is the problem?

Answer 1

jquery connected? Before owl-carousel? And immediately the second thought - try to use different images, perhaps because of this. And another question right away - run like this: $(".owl-carousel").owlCarousel(); ?