I’m using Swiper.jsin a React project and having trouble with setting up breakpoints to display a different number of slides per view based on screen size. My goal is to show 2 slides on small screens (786px and above), 3 slides on medium screens (1080px and above), and 4 slides on large screens (1200px and above). However, the breakpoints don’t seem to be working correctly. Here’s my current code: