JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css">
<div class="t">
<div class="owl-carousel slider1">
<div><img src="https://hediyetavsiyeleri.com/wp-content/uploads/rubikkup.jpg"></div>
<div><img src="https://sc01.alicdn.com/kf/HTB1d1d0NXXXXXXpaXXXq6xXFXXX0.jpg"></div>
<div><img src="https://ves-land.ru/upload/iblock/5d0/5d03bf2a3e1166c6573972126db3ab32.JPG"></div>
</div>
<div class="owl-carousel slider2">
<div><img src="https://assorti-market.ru/img/goods/24336.61a4fb7040015e2b5fb75009be894edc.jpg"></div>
<div><img src="https://yt3.ggpht.com/a/AATXAJyk3cCV99Et8uXf2pDGJKp898zM-UxU3mPHAg=s900-c-k-c0xffffffff-no-rj-mo"></div>
<div><img src="https://ves-land.ru/upload/iblock/5d0/5d03bf2a3e1166c6573972126db3ab32.JPG"></div>
</div>
<div class="owl-carousel slider3">
<div><img src="https://ae01.alicdn.com/kf/HTB1OQ0HogvD8KJjy0Flq6ygBFXab/Wilscoil-3x3x3-taeser.jpg"></div>
<div><img src="https://sc01.alicdn.com/kf/HTB1d1d0NXXXXXXpaXXXq6xXFXXX0.jpg"></div>
<div><img src="https://hediyetavsiyeleri.com/wp-content/uploads/rubikkup.jpg"></div>
</div>
</div>
CSS
.t {
background: yellow;
position:relative;
border:1px solid #000;
padding: 1vw;
}
.slider1 {
width: 450px;
z-index: 1;
}
.slider2 {
width: 350px;
position:absolute;
bottom: -5%;
left:350px;
z-index: 2;
}
.slider3 {
width: 250px;
position:absolute;
bottom: 55%;
left:550px;
z-index: 3;
}
JavaScript
$('.owl-carousel').owlCarousel({
animateIn: 'fadeIn',
animateOut: 'fadeOut',
items:1,
smartSpeed:450,
autoplay: true,
autoplayTimeout: 3000,
loop: true,
mouseDrag: false,
touchDrag: false,
});