Documentation

Comment gérer 2 Owl carrousel sur la même page
https://github.com/OwlCarousel2/OwlCarousel2/issues/1906

Solution

<div class="owl-one owl-carousel owl-theme">
<div class="owl-two owl-carousel owl-theme">
<div class="owl-three owl-carousel owl-theme">
With class selectors
    $('.owl-one').owlCarousel({
    $('.owl-two').owlCarousel({
    $('.owl-three').owlCarousel({

Another solution

<div id="owl-one" class="owl-carousel owl-theme">
<div id="owl-two" class="owl-carousel owl-theme">
<div id="owl-three" class="owl-carousel owl-theme">
With id selectors
    $('#owl-one').owlCarousel({
    $('#owl-two').owlCarousel({
    $('#owl-three').owlCarousel({