.client-avatars {
  isolation: isolate;
}

.client-avatars span {
  width: 46px;
  height: 46px;
  margin-left: -9px;
  padding: 5px;
  overflow: hidden;
  border: 2px solid #07111f;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  transition: transform 0.25s ease;
}

.client-avatars span:first-child {
  margin-left: 0;
  background: #fff;
}

.client-avatars span:hover {
  z-index: 2;
  transform: translateY(-4px);
}

.client-avatars img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* A marca original é branca e só precisa de contraste nesta bolinha clara. */
.client-avatars img.friperj-logo {
  filter: invert(1);
}

.client-grid>div img.friperj-client-logo {
  filter: brightness(0) saturate(100%) invert(38%) sepia(20%) saturate(1114%) hue-rotate(92deg) brightness(88%) contrast(88%);
}