.swiper {
  /*width: 240px;
  height: 320px;*/
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}
.swiper-wrapper img{ width:100%; height:auto; }

/*.swiper-slide:nth-child(1n) {
  background-color: rgb(206, 17, 17);
}

.swiper-slide:nth-child(2n) {
  background-color: rgb(0, 140, 255);
}

.swiper-slide:nth-child(3n) {
  background-color: rgb(10, 184, 111);
}

.swiper-slide:nth-child(4n) {
  background-color: rgb(211, 122, 7);
}*/

.swiper-slide:not(.swiper-slide-active) {
  opacity: 0.9; /* bạn có thể chỉnh từ 0.1 - 0.9 tùy mức độ mờ mong muốn */
  transition: opacity 0.1s ease;
}