.swiper-container {
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
  padding-top: 25px;
  overflow: hidden;
  transition: ease 0.3s;
}




.swiper-pagination {
    position: relative !important;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.swiper-pagination-bullet {
      margin: 0 6px;
      display: inline-block;
      font-size: 0;
      line-height: 0;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #636464;
}

.swiper-pagination-bullet-active {
      background: #2d2d2d;
    }

.swiper-wrapper {
    display: flex;
}

.swiper-slide {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 330px;
    max-width: 100%;
    max-height: 60vw;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    }