помогите пожалуйста с owl-carousel2

var owl = $('.owl-carousel'); 
owl.owlCarousel({ 
    items:1, 
    loop:true, 
    margin:10, 
    autoplay:true, 
    autoplayTimeout:100, 
    autoplayHoverPause:true 
}); 
$('.play').on('click',function(){ 
    owl.trigger('play.owl.autoplay',[1000]) 
}) 
$('.stop').on('click',function(){

<div class="owl-carousel"> 
  <div class="bg__header"> 
    <h1 class="bg__header-title">Почувствуй атмосферу</h1> 
    <h2 class="bg__header-title bg__header-title-h2">Bar neBAr</h2> 
  </div> 
  <div class="bg__header"> 
    <h1 class="bg__header-title">Почувствуй</h1> 
    <h2 class="bg__header-title bg__header-title-h2">Bar neBAr</h2> 
  </div> 
  <div class="bg__header"> 
    <h1 class="bg__header-title"> атмосферу</h1> 
    <h2 class="bg__header-title bg__header-title-h2">Bar neBAr</h2> 
  </div> 
</div>