.wrap {
  padding: 2.8rem;
  margin: auto;
  position: relative;
  width: 90%;
}

.clients {
    align-items: center;
    -webkit-box-align: center;
    display: grid;
    gap: 4.8rem 4.8rem;
    grid-template-columns: auto auto;
    justify-items: center;
    margin: 2.8rem auto;
    /* max-width: 1024px; */
   }

.clients li {
  list-style: none;
  margin: auto;
  transition: all .3s ease-in-out;
}
.clients img {
  height: 5.2rem;

}
.clients:hover li {
filter: blur(0px);
-webkit-filter: blur(0px);
}
.clients:hover li:not(:hover)  {
filter: blur(2px);
-webkit-filter: blur(0px);
}
.clients li:hover {
transform: translateY(-0.3rem); 
}

@media (min-width: 1024px) {
.clients {
    grid-template-columns: auto auto auto auto; }
    
.clients img {
  height: 6rem; }}

/* --- Images (gray logo) --- */
.clients img {
  filter: grayscale(100%) brightness(10%) contrast(10%); }

.clients img:hover {
  background: none;
  filter: grayscale(0%);
  transition: all .3s ease-in-out; }



  /* @media screen and (max-width: 645px) {
    .wrap li {
      
    }
  } */