.wp-block[data-type="meta-box/team"]{
    max-width: 1140px;
}
.wp-block[data-type="meta-box/team"] .team-block-list .member.first{
    gap: 60px;
}
.team-block-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.team-block .wp-block-group__inner-container > h2{
    margin-bottom: 40px;
}
.team-block-list a.member{
    color: #000;
    text-decoration: none !important;
    width: 27%;
    margin: 0px 3%;
    text-decoration: none;
}
.team-block-list a.member img{
    filter: grayscale(1);
    transition: filter 500ms ease;
}
.team-block-list a:hover.member img{
    filter: grayscale(0);
}
.team-block-list .member.first{
    flex-basis: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}
.team-block-list .member.first .member-content{
    flex-basis: 50%;
}
.team-block-list .member img{
    margin-bottom: 14px;
    border-radius: 50%;
    max-width: 100%;
    height: auto !important;
}
.team-block-list .member h3{
    text-align: center !important;
    font-size: 22px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 150% !important;
    letter-spacing: 0px !important;
    text-transform: none !important;
    margin-bottom: 0px;
}
.team-block-list .member .role{
    text-align: center;
    display: block;
    font-size: 22px;
    font-weight: 300;
}
.team-block-list .member:not(.first){
    flex-basis: 274px;
}

@media (min-width: 0px) and (max-width: 480px){
    .team-block-list .member.first{
        flex-direction: column;
    }
    .team-block-list .member.first img{
        margin-bottom: 30px;
    }
    .team-block-list .member:not(.first) {
        flex-basis: 45%;
        margin-bottom: 20px;
    }
    .team-block-list .member h3,
    .team-block-list .member .role{
        font-size: 18px !important;
    }
    .team-block-list .member:not(.first) {
        flex-basis: 80% !important;
    }
    .team-block-list .member{
        margin-bottom: 40px !important;
    }
}
@media (min-width: 481px) and (max-width: 576px){
    .team-block-list .member.first{
        flex-direction: column;
    }
    .team-block-list .member.first img{
        margin-bottom: 30px;
    }
    .team-block-list .member:not(.first) {
        flex-basis: 45%;
        margin-bottom: 20px;
    }
    .team-block-list .member h3,
    .team-block-list .member .role{
        font-size: 18px !important;
    }
    .team-block-list .member:not(.first) {
        flex-basis: 40% !important;
    }
    .team-block-list .member{
        margin-bottom: 50px !important;
    }
}
@media (min-width: 577px) and (max-width: 767px){
    .team-block-list .member.first{
        flex-direction: column;
    }
    .team-block-list .member.first img{
        margin-bottom: 30px;
        max-width: 300px;
    }
    .team-block-list .member:not(.first) {
        flex-basis: 30%;
        margin-bottom: 20px;
    }
    .team-block-list .member h3,
    .team-block-list .member .role{
        font-size: 18px !important;
    }
    .team-block-list .member:not(.first){
        flex-basis: 40%;
    }
    .team-block-list .member{
        margin-bottom: 50px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .team-block-list .member.first .member-image{
        padding-right: 45px;
    }
    .team-block-list .member.first img{
        margin-bottom: 30px;
    }
    .team-block-list .member:not(.first) {
        flex-basis: 30%;
        margin-bottom: 20px;
    }
    .team-block-list .member h3,
    .team-block-list .member .role{
        font-size: 18px !important;
    }
    .team-block-list .member:not(.first) {
        flex-basis: 27%;
    }
    .team-block-list .member{
        margin-bottom: 50px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .team-block-list .member.first .member-image{
        padding-right: 45px;
    }
    .team-block-list .member{
        margin-bottom: 50px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1340px){
    .team-block-list .member.first .member-image{
        padding-right: 45px;
    }
}
@media (min-width: 1200px){
    .team-block-list{
        row-gap: 50px;
    }
    .team-block-list .member:not(.first){
        flex-basis: 27%;
    }
}