How to make scrolling in owl carousel when clicking not only on the arrows, but also on the picture?

Question

Owl Carousel

Tell me how to make the picture scroll forward in the owl carousel slider not only when you click on the arrow, but also when you click on the picture itself? I've been searching all day, but I can't seem to find the answer to this question.

<div class="owl">
            <div class="item">
      <img src="img1.jpg" alt="Img" />
                <div class="bottom-text">Text</div>
            </div>
</div>


$(function () {

    $(".owl").owlCarousel({
        //autoPlay: 10000, //Set AutoPlay to 3 seconds
        //stopOnHover: true,
        singleItem: true,
        pagination: true,
        //lazyLoad: true,
        items: 1,
        //itemsDesktop: [1200, 3],
        //itemsDesktopSmall: [992, 3],
        navigation: true,
        scrollPerPage: true,
        //theme: "owl-theme",
        autoHeight: true,
        navigationText: ["", ""],
        //responsiveBaseWidth: $(".news-detail .content").get(0)
        //transitionStyle:"fadeUp"
        //itemsDesktop : [1199,3],
        //itemsDesktopSmall : [979,3]
    });
});