Owl carousel how to resize images proportionally?

Question

css

There is a slider on OWL, in Opencart. 3 images in a row for the full width of the page. OWL reduces them in width but always keeps the height. Is there any way to make OWL keep the original aspect ratio of the image and not crop it? They should always be square.
JS

spoiler

$('#carousel77').owlCarousel({
        items : 3,
        itemsCustom : false,
        itemsDesktop : [1199,3],
        itemsDesktopSmall : [980,3],
        itemsTablet: [768,2],
        itemsTabletSmall: false,
        itemsMobile : [479,1],
        singleItem : false,
        itemsScaleUp : false,
        slideBy: 1,


        //Basic Speeds
        slideSpeed : 200,
        paginationSpeed : 800,
        rewindSpeed : 1000,

        //Autoplay
        autoPlay : true,
        stopOnHover : false,

        // Navigation
        navigation : true,
        rewindNav : true,
        scrollPerPage : false,

        //Pagination
        pagination : false,
        // Responsive 
        
        responsive: true,
        responsiveRefreshRate : 200,
        responsiveBaseWidth: window,
        center:true
      });

Screenshots

spoiler

It must be like this

now