Swiper React изменение направления движения слайдеров

Есть горизонтальный авто слайдер swiper

<div className="container">
        <Swiper
          autoplay={{
            delay: 500,
            disableOnInteraction: false,
          }}
          breakpoints={{
            375: {
              slidesPerView: 1,
            },
            480: {
              slidesPerView: 1.6,
            },
            992: {
              slidesPerView: 2.5,
            },
          }}
          stopOnLastSlide={false}
          pauseOnMouseEnter={false}
          grabCursor={true}
          spaceBetween={40}
          slidesPerView={3.5}
          modules={[Autoplay, Pagination, Navigation]}
          parallax={true}
          speed={4800}
          pagination={{
            clickable: true,
          }}
          navigation={true}
          onSlideChange={() => console.log("slide change")}
          onSwiper={(swiper) => console.log(swiper)}
          
        >
          <SwiperSlide>
            <img src={f2} className="item" alt="" />
          </SwiperSlide>
          <SwiperSlide>
            <img src={f3} className="item" alt="" />
          </SwiperSlide>
          <SwiperSlide>
            <img src={f4} className="item" alt="" />
          </SwiperSlide>
  
        </Swiper>
      </div>

как сделать , чтобы при просмотре страницы вниз - двигался слайдер в одну сторону, а при просмотре страницы в другую сторону, двигался в обратную сторону?