.employe-image {

    .overlay {
        position: relative;
        display: block!important;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        background-color: #4c4c4c!important;

        .borders {
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: center;
        }

        .photo-secondary {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.4;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }
        }
    }

    &:hover {
        .overlay {
            opacity: 1;
            visibility: visible;

            .borders {
                border-color: #fff!important;
            }

            h3, p {
                color: #fff!important;
            }
        }
    }

}

@media screen and (max-width: 420px) {
    .page-template-template-equipe .liste-dentiste .image_equipe {
        background-position: center center !important;
        height: 500px !important;        
    }
}