.client-logos{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20%, max-content));
    width: 100%;
    gap: 4rem;
}

.client-logo img{
    filter: grayscale(100%);
    transition: all 0.3s ease;
    height: 100%;
    object-fit: center;
}

.client-logo img:hover{
    filter: grayscale(0%);
}