Swiper JS carousel hakkında soru

Merhabalar,
https://swiperjs.com/demos sitesindenanasayfa kullanacağım 2 tane slider var 1ncisini yaptım fakat sayfanın sonuna doğru 2nci yapmak istediğimde kodlar aynı olduğu için ilk yaptığımın görüntüsü geliyor bunu nasıl ayırt edeceğim anlayamadım.

örneğin:
2 slider ın da kaynak kodundaki html aynı

<div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
        <div class="swiper-slide">Slide 4</div>
        <div class="swiper-slide">Slide 5</div>
        <div class="swiper-slide">Slide 6</div>
        <div class="swiper-slide">Slide 7</div>
        <div class="swiper-slide">Slide 8</div>
        <div class="swiper-slide">Slide 9</div>
      </div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
    </div>

bu durumu nasıl çözeceğim yardımcı olurmusunuz?

var swiper = new Swiper(".mySwiper", {
pagination: {
el: ".swiper-pagination",
},
});
kısmındaki 'mySwiper' classlarını farklı verip deneyin

denedim fakat bu seferde öndeki sliderın en boy gibi yerini aldı