I have two swipers on the same page with slightly different styling, how can I have them differentiate?

[1uis-ab]

I created two swipers for my Shopify store and I created slightly separate stylesheets for each Snippet, the problem I have is that my second swiper is copying the .Swiper .Swiper-Wrapper and .Swiper-Slide and it's harming my mobile view.

Things like image sizes, min-heights, etc, and the problem is the if I change the style classes names the script doesn't work, any help here?

Should I modify the JS?