.team .icon{
    width: 23px;
    height: 23px;
    margin-top: 3px;
}

.grayscale {
    filter: grayscale(100%);
}

.ring {
    outline: 3px solid var(--gold);
    outline-offset: 7px;
    position: relative;
    transition: transform .2s;
}
.member-img{
    height: 150px;
    width: 150px;
    transition: filter .2s;
}

.member-img:hover{
    filter: brightness(1.1);
    transition: filter .2s;
}


.past-aff-name, .team .member-name, .team .member-position {
    font-weight: 400;
}

.past-aff-name {
    font-size: 19px;
}

.team .member-name {
    font-size: 21px;
}

.team .member-position{
    font-size: 14px;
    color: var(--gray);
    margin-bottom: 10px;
}

.team .member-affiliation{
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--dark-gray);
    font-style: italic ;
}

.team .current-affiliation{
    font-size: 13px;
    margin-bottom: 10px;
    color: var(--gray);
    font-style: italic ;
}

@media (max-width: 576px){
    .ring {
        outline-offset: 3px;
    }
    .member-img{
        height: 100px !important;
        width: 100px !important;
    }
    .past-member-img{
        height: 80px !important;
        width: 80px !important;
    }
    .member-name {
        font-size: 19px;
    }
}


.member-container {
    position: relative;
    display: inline-block;
    width: fit-content !important;
    transition: transform .2s;
    overflow: hidden;
}
.member-container:hover {
    transform: scale(1.1);
}