.team{
    text-align: center;
}

.members{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.member{
    display: flex;
    cursor: pointer;
    position: relative;
    transition: .2s;
}

.member:hover{
    transform: translate(0, -25px);
}

.member img{
    height: 410px;
    object-fit: cover;
}

.member .info{
    text-align: left;
}

.member .info .position{
    list-style-type: none;
}

/* MOBILE */
@media screen and (max-width: 743px){
    .member{
        margin-bottom: 40px;
    }

    .member:last-child{
        margin-bottom: 0;
    }

    .member .info h2{
        margin: 20px 0 16px;
    }
}

/* TABLET */
@media screen and (min-width: 744px) and (max-width: 1349px) {
    .team>p{
        width: 516px;
    }
    
    .member{
        width: 332px;
    }

    .member img{
        width: 100%;
    }

    .member .info h2{
        margin-top: 20px;
    }
}

/* DESKTOP */
@media screen and (min-width: 1350px) {
    .team>p{
        width: 640px;
        margin: 40px auto;
    }

    .member{
        width: 640px;
    }

    .member img{
        width: 310px;
    }

    .member .info{
        padding: 55px 0 0 20px;
    }

    .member .info h2{
        margin-bottom: 24px;
    }
}

/* MOBILE + TABLET */
@media screen and (max-width: 1349px) {
    .team>p{
        margin: 30px auto 40px;
    }

    .member{
        flex-flow: column;
    }

    .member .info .position li{
        display: inline;
    }

    .member .info .position li::after{
        content: ',';
    }

    .member .info .position li:last-child::after{
        display: none;
    }
}