.clients{
  text-align: center;
}

.clients strong{
 font-weight: bold;
}

.clients .additional-text {
  margin-bottom: 2rem;
}

.clients-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));;
  gap: 2rem; 
  padding: 1rem 0;
}

.clients-wrapper .client-img-wrapper{
  display: flex;
  justify-content: center;
  transition: all 100ms ease-in-out;
  padding: 3rem;
}


.clients-wrapper .client-img-wrapper .client-img {
  filter: grayscale(1);
   transition: all 200ms ease-in-out;
  

  object-fit: contain;
}



@media(max-width:767px){
  .clients-wrapper {
      grid-template-columns: repeat(2, 1fr);
    }
  .clients-wrapper .client-img-wrapper .client-img {
  filter: grayscale(0);
  }
}

@media(max-width:480px){
.clients-wrapper .client-img-wrapper{
  padding: 0.5rem;
}
   .clients-wrapper {
    gap: 1rem;
  }