.swiper-slide {
  height: auto;
}

.marquee {
  width: 100%;
  height: 18rem;
  transition-timing-function: linear !important;
}
@media (max-width: 768px) {
  .marquee {
    height: 10rem;
  }
}
.marquee .marquee-wrapper {
  transition-timing-function: linear !important;
}
.marquee .marquee-wrapper .marquee-slide {
  width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: 2.5rem;
  filter: grayscale(100%);
  cursor: pointer;
  transition: all 0.5s;
}

.marquee .marquee-wrapper .marquee-slide:hover {
  filter: grayscale(0%);
  scale: 110%;
}

.marquee .marquee-wrapper .marquee-slide img {
  width: 8rem;
}
@media (max-width: 768px) {
  .marquee .marquee-wrapper .marquee-slide img {
    width: 5rem;
  }
}