.team-container {

    display: flex;
    flex-direction: column;

    justify-content: space-between;
    align-items: center;

    width: 100%;
    height: auto;

    padding: 2em 2em 2em 2em;

    gap: 1em;
}

.team-members-container {
    width: 100%;
    display: flex;
    flex-direction: row;

    justify-content: center;
    align-items: center;

    gap: 2em;
    padding: 2em;

    flex-wrap: wrap;

    border: 1px dotted rgba(0,115,178,1);;
}

.team-member {
    flex: 0 0 30%;

    display: flex;
    flex-direction: column;

    justify-content: space-between;
    align-items: center;

    flex-wrap: nowrap;

    gap: 1em;
}

.team-member a {
    margin-top: 1em;
    width: 16em;
    height: 16em;
}

#our-team-member-pba a img {
    display: none;
}

#our-team-member-pba a {
    background-image: url("../assets/photo-pba-256.jpg");
    background-image: image-set(
        url("../assets/photo-pba-256.webp") type("image/webp"),
        url("../assets/photo-pba-256.jpg") type("image/jpg")
    );
}

#our-team-member-jwa a img {
    display: none;
}

#our-team-member-jwa a {
    background-image: url("../assets/photo-jwa-256.jpg");
    background-image: image-set(
        url("../assets/photo-jwa-256.webp") type("image/webp"),
        url("../assets/photo-jwa-256.jpg") type("image/jpg")
    );
}

#our-team-member-dre a img {
    display: none;
}

#our-team-member-dre a {
    background-image: url("../assets/photo-dre-256.jpg");
    background-image: image-set(
        url("../assets/photo-dre-256.webp") type("image/webp"),
        url("../assets/photo-dre-256.jpg") type("image/jpg")
    );
}

#our-team-member-pba a:hover,
#our-team-member-jwa a:hover,
#our-team-member-dre a:hover {
    background-image: url("../assets/logo-linkedin-blue-rev-256.png");
    background-image: image-set(
        url("../assets/logo-linkedin-blue-rev-256.webp") type("image/webp"),
        url("../assets/logo-linkedin-blue-rev-256.png") type("image/png")
    );
    transform: rotateY(180deg);    
}

@media screen and (max-width: 1366px) {
    .team-container {
        padding: 1em;
    }
    
    .team-members-container {
        border: 0px;
    }    
}

@media screen and (max-width: 768px) {
    
}

@media screen and (max-width: 480px) {
    
}