.cards-members{
    display: flex;
    margin: 10px;
}
.cards-members .container-card{
    display: flex;
    border-radius : 5px ; 
    box-shadow: 0 0 15px rgba(0,0,0,.25);
    max-width: 90%;
    width: 21rem !important;
    padding: 0%;
    margin-top: 0.5rem;
    position: relative;
}

@media (min-width: 600px)
{
    .cards-members .container-card{
        width: 550px !important;
        margin: 1rem;
    }
}

@media (max-width: 600px)
{
    h4 {
        font-size: calc(0.75rem + .3vw);
    }
    .card__text-role p,
    .card__text-bio p {
        font-size: 9px;
    }
}

.cards-members .card__img{
    max-width: 150px;
    height: 150px;
    overflow: hidden;

}
.card__text{
    margin-left: 3% ;
    color: #001019;
}
.card__img{
    border-radius: 5px 0px 0px 5px;

}
.wi_img
{
    width: 100%;
    min-height: 150px;
    margin: 0%;
}

.card__line{
    margin: 0px !important;
    color: #E94400 !important;
    height: 3px !important;
    opacity: 100% !important;
    border-radius: 10px !important;
    
}

.card-wrap-clip {
    width: 100%;
    height: 30px;
    margin-top: -1px;
    border-style: solid;
    border-width: 30px 40px 0 0;
    border-color: transparent #001019 ;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    animation: wrap 0.5s 0.3s ease both;
}

@media (min-width: 600px) {
    .card-wrap-clip {
        height: 55px;
        border-width: 55px 80px 0 0;
    }
}

.card__link  a
{
    color: #001019;
    padding: 3px;
    animation: wrap 0.5s 0.3s ease both;
}

.card__link
{
    padding-top:0.5rem;
    z-index: 150;
    position: absolute;
}

@keyframes wrap{
    from{
        opacity: 0;
    }
    to{
       opacity: 100%;
    }
}