.clients-main {
  background: #f9f9f9;
}

.client-logo-card {
  min-height: 220px;
}

.client-logo-card img {
  max-height: 82px;
  max-width: 240px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.9;
  transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}

.client-logo-card:hover img {
  filter: grayscale(0%);
  opacity: 1;
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .client-logo-card {
    min-height: 170px;
  }

  .client-logo-card img {
    max-height: 64px;
    max-width: 190px;
  }
}