@media (min-width: 560px) {
  .ratio-4x3 {
    --bs-aspect-ratio: 30%;
  }
}

.category h3 {
  font-size: 30px;
}

@media (min-width: 768px) {
  .category h3 {
    font-size: 22px;
    padding: 1rem 2rem;
  }
}

.category > div {
  display: flex;
}

.category-box {
  /* background-color: rgba(247, 247, 247, 1); */
  padding: 1rem 2rem;
}

.category-box a.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .category-box a.swiper-slide img {
    max-width: 15rem;
  }
}