OWL Carousel 2, how to make such a slider?

Question

css

Hi all. How to make exactly the same slider as in the screenshot below using owl carousel2?

The plugin is connected to the site. In js I wrote the code:

$(document).ready(function(){
    $(".owl-carousel").owlCarousel({
    	nav:true,
    	navText : ['<','>'],
    loop:true, 
    margin:10, 
        autoplay:true,
        smartSpeed:1000, 
        autoplayTimeout:4000,
        items:1, 
        dots:true,
        animateOut: 'fadeOut'
    });
  });

But "owl-nav" is included below the image blocks. How to make navigation exactly at the edges of images? Like on the screen..

Answer 1

.owl-prev{
  position:absolute;
  top:50%;
  left:0;
  widht:30px;
  height:30px;
  margin-top:-15px;
  line-height:30px;
  color:#fff;
}
.owl-prev{
 то же самое, но right:0;
}

Answer 2

CSS. You look at the name of the class, you position where you need