@charset "utf-8";

.swiper__content {
  width: min(100%, 1000px);
  margin: 0 auto 50px;
}

.swiper {
  display: flex;
  /* aspect-ratio: 32 / 21; */
}

.swiper-slide img {
  width: min(100%, 350px);
  height: auto;
}

@media screen and (max-width: 768px) {
  .swiper-slide img {
    width: 100%;
    height: auto;
  }
}

.swiper-wrapper {
  flex-direction: column;
  row-gap: 20px;
}

@media screen and (max-width: 768px) {
  .swiper-wrapper {
    flex-direction: row;
    row-gap: normal;
  }
}

.swiper-button-prev,
.swiper-button-next {
  display: none;
}

@media screen and (max-width: 768px) {

  .swiper-button-prev,
  .swiper-button-next {
    display: block;
  }
}