owl carousel container not positioning centrally moving 10 px left and showing part of item on the right side here is example

this is a code ,

   <div class="text-carousel owl-carousel">
       <div class="flex justify-between">
           <div class="w-6/12">SPIDERMAN</div>
               <div class="w-6/12 text-center">
                  <span class="">SPIDERMAN</span>
               </div>
           </div>
       <div class="flex justify-between">
           <div class="w-6/12">SPIDERMAN</div>
               <div class="w-6/12 text-center">
                  <span class="">SPIDERMAN</span>
               </div>
           </div>
       </div>
   </div>