如何在中间显示owlCarousel2滑块内容？

<div class="owl-carousel">
  <!-- 滑块内容 -->
  <div>Slide 1</div>
  <div>Slide 2</div>
  <div>Slide 3</div>
  <!-- 更多滑块内容 -->
</div>

$('.owl-carousel').owlCarousel({
  center: true, // 将滑块内容居中显示
  loop: true, // 循环滑动
  margin: 10, // 滑块之间的间距
  responsive: {
    0: {
      items: 1 // 在小屏幕上显示一个滑块
    },
    600: {
      items: 3 // 在中等屏幕上显示三个滑块
    },
    1000: {
      items: 5 // 在大屏幕上显示五个滑块
    }
  }
});

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    // 初始化owlCarousel2滑块
    $('.owl-carousel').owlCarousel({
      center: true,
      loop: true,
      margin: 10,
      responsive: {
        0: {
          items: 1
        },
        600: {
          items: 3
        },
        1000: {
          items: 5
        }
      }
    });
  });
</script>