Conflict using two swiper in the same page

[fbracci71]

Hello, I am trying to use two swiper in the same page: one for a hero full screen slider, and the other one for a group slider.
It cause a conflict because each slider has a different behavior.
What I am asking is if there is a possibility to change a variables in the script:
var swiper = new Swiper(".mySwiper", { slidesPerView: 1, spaceBetween: 10, pagination: { el: ".swiper-pagination", clickable: true, }, breakpoints: { 640: { slidesPerView: 2, spaceBetween: 20, }, 768: { slidesPerView: 4, spaceBetween: 40, }, 1024: { slidesPerView: 5, spaceBetween: 50, }, }, });

But even if I change the class .mySwiper in .mySwipernew (as well as in the css file) nothing change.

Is there a way to achieve this goal?

Thank you.