.logo-carousel-component .desktop-swiper-1 .swiper-wrapper,
.logo-carousel-component .desktop-swiper-2 .swiper-wrapper {
  transition-timing-function: linear;
}

.logo-carousel-component .mobile-swiper .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 155px;
}

.desktop-swiper-1 .swiper-wrapper,
.desktop-swiper-2 .swiper-wrapper {
  display: flex;
}

.desktop-swiper-1:hover .swiper-wrapper,
.desktop-swiper-2:hover .swiper-wrapper {
  animation-play-state: paused;
}

.logo-carousel-component .desktop-swiper-1 .swiper-wrapper .swiper-slide img,
.logo-carousel-component .desktop-swiper-2 .swiper-wrapper .swiper-slide img,
.logo-carousel-component .mobile-swiper .swiper-wrapper .swiper-slide img {
  filter: grayscale(100%) brightness(20%);
  transition: filter 0.3s ease;
}

@media (min-width: 768px) {
  .logo-carousel-component .desktop-swiper-1 .swiper-wrapper .swiper-slide:hover img,
  .logo-carousel-component .desktop-swiper-2 .swiper-wrapper .swiper-slide:hover img {
    filter: grayscale(0%);
  }
}