#clients {
    background: rgba(10,15,30);
}

.clients-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
}

.clients-grid > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 70px;
    padding: 0.5rem;
    background: rgba(10,15,30, 0.15);
    border: 0;
}

.clients-grid > a > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(60%) brightness(1.3) opacity(0.75);
    transition: filter 0.4s ease, transform 0.4s ease;
}

.clients-grid > a:hover > img {
    filter: grayscale(0%) brightness(1) opacity(1);
    transform: scale(1.08);
}