Карточка не обрезаеться через max-width

Не обрезает карточки если им не хватает ширин

    **&__swiper {
        display: flex !important;
        justify-content: center !important;
      }
      &__item {
        display: flex !important;
        justify-content: center !important;
        margin-top: 5px;
        margin-bottom: 5px;
        max-width: 210px;
        width: 100%;
      }**
    
    <strike> <Swiper
              className={s.carousel__swiper}
              modules={[Autoplay]}
              speed={700}
              autoplay={{
                delay: 5000000,
              }}
              spaceBetween={40}
              onSwiper={(swiper) => (swiperRef.current = swiper)}
              breakpoints={{
                1920: { slidesPerView: 8 },
                1440: { slidesPerView: 6 },
                750: { slidesPerView: 3 },
                500: { slidesPerView: 2 },
              }}
            >
              {mockProductCard.map((item) => (
                <SwiperSlide key={item.id} className={s.carousel__item}>
                  <ProductCard data={item} />
                </SwiperSlide>
              ))}
            </Swiper> </strike>