JQuery Owl Carousel animation for items worth 2

When I try to use the owl carousel feature, animate and display 2 items, the transition animation doesn't work.

This is the config I am trying: ( items: 2 )

$('[shoppable-image-container]').owlCarousel({
                loop:true,
                nav: true,
                navText: ["<a><span></span></a>","<a><span></span></a>"],
                lazyLoad : true,
                dots: true,
                animateOut: 'fadeOut',
                animateIn: 'fadeIn',
                items:2,
                margin:10 ,
                autoplay:true,
                // autoplayTimeout:4000,
                smartSpeed:2000  
            }); 

      

        
        
        
      

    

with the following config animation it works fine: ( items: 1 )

$('[shoppable-image-container]').owlCarousel({
                loop:true,
                nav: true,
                navText: ["<a><span></span></a>","<a><span></span></a>"],
                lazyLoad : true,
                dots: true,
                animateOut: 'fadeOut',
                animateIn: 'fadeIn',
                items:1,
                margin:10 ,
                autoplay:true,
                // autoplayTimeout:4000,
                smartSpeed:2000  
            }); 

      

        
        
        
      

    

How can I create multiple items ( specifically 2 items ) together using an owl carousel? Is this possible with a carousel owl?

Thank.