/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { 
    .team-members .profile-pic{
        flex-basis: 60%;
        height: auto;
    }
    .member .team-member-text {
        margin: 0 0 0 0.5rem;
    }
}

 /* Small devices (landscape phones, less than 768px) // one column */
@media (max-width: 767px) {
    .team-members.leader,
    .team-members.helper {
        flex-direction: column;
        align-items: center;
    }

    .member .team-member {
        display: flex;
        width: 100%;
        margin-bottom: 3rem;
        justify-content: flex-start;
    }
    .leader .team-member,
    .helper .team-member {
        width: 100%;
    }
    .leader .profile-pic,
    .helper .profile-pic{
        width: 60%;
    }
    .member .profile-pic-wrapper {
        flex-basis: 50%;
    }
    .member .team-member-text {
        margin-left: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-basis: 50%;
        margin: 0 0 0 1rem;
    }
}

 /* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
    
}

 /* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {
    
    
}