Hover

/* section effet texte au survol */
.text-hidden {

    background-color:transparent;
    webkit-transition: all ease-out 0.3s;
    -moz-transition: all .3s ease-in-out;
    transition: background-image 2s ease;
        border: 1em solid var(--secondary-color-1);
        box-shadow: inset 0 0 0 0 var(--secondary-color-1)!important;
        }

.text-hidden:hover{

    background-image: unset !important;
    background-color:var(--secondary-color-1);
    box-shadow: inset 0 0 0 100px var(--secondary-color-1)!important;}

.text-hidden .container {

    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:630px;
    transition: all .7s ease;
    }


.text-hidden .text-hover{opacity:0;height:0;}
.text-hidden:hover .text-hover{opacity:1;height:100%;transition: all .7s ease;}