.team-section {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
    grid-gap: 4rem;
}

.team-member {
    text-align: center;
}


.team-member .image-wrap {
    position: relative;
    min-height: 245px;
    margin-bottom: 30px;
}

.team-member .name {
    color: #004b87;
    text-transform: uppercase;
}

.team-member a {
    background: #0082c9;
    color: white;
    width: 100%;
    display: block;
    padding: 8px;
    border-radius: 25px;
}

.team-member a:hover{
    background: #84bd00;
    color:white;
    text-decoration:none;
}

.team-member .image-wrap img {
    position: absolute;
    top: 0;
    left: 50%;
    max-height: 246px;
    width: auto;
    transform: translateX(-50%);
    border: 2px solid #ff8200;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 16%);
    opacity: 1;
    transition: all .3s ease;
}

.image-wrap .team-member-img-hover,
.image-wrap .team-member-img-fun {
    z-index: 1;
/*    filter: grayscale(0) !important ;*/
}
.image-wrap .team-member-img {
    z-index: 2;
}

.image-wrap:hover .team-member-img-fun,
.image-wrap:hover .team-member-img-hover {
    z-index: 2;
}

.image-wrap:hover .team-member-img {
/*    z-index: 1;*/
    opacity: 0;

}