.logos {
  margin: 50px 0;
}
.logos__slider {
  margin-top: 40px;
  overflow: hidden;
}
.logos__slider .swiper-wrapper {
  transition-timing-function: linear;
  align-items: center;
}
.logos__item {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logos__item img {
  max-width: 100%;
  max-height: 64px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.75;
  transition: filter 0.2s ease, opacity 0.2s ease;
}
.logos__item:hover img {
  filter: grayscale(0);
  opacity: 1;
}

@media (min-width: 800px) {
  .logos {
    margin: 80px 0;
  }
}