#img-clientes{
    filter: saturate(0%);
}
#img-clientes:hover{
    filter: saturate(100%);
}

#img-card{
    overflow: hidden;
    margin-bottom: 16px;
    padding: 0;
    align-self: center;
    flex: 0 auto;
    box-shadow: 8px 8px 24px 0 #e0e8fa;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.link-projeto-pequeno{
    background-image:url(https://www.bwca.com.br/images/thumb-nadir-campanha-maes.webp);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
#image-container:hover #overlay {
    opacity: 1; /* Torna o overlay opaco ao passar o mouse */
}

#image-container {
    position: relative;
    display: inline-block;

}

#img-projetos:hover{
    transform: scale(1.03);
    transition: .4s;
}