.client-logo {
  position: relative;
  display: inline-block;
  width: 12%;
  padding: 2%;
  vertical-align: middle;
  text-align: center;
}

.client-logo * {
  backface-visibility: hidden;
}

.client-logo img {
  max-height: 60px;
  transition: all 1s ease-in-out;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 1;
}

@media (max-width: 600px) {
  .client-logo {
    max-width: 22%;
    width: 100%;
  }
}