.team{
    padding: 40px 20px;
}
.team > h2{
    text-align: center;
    margin-bottom: 20px;
}
.team-content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    max-width: 1200px;
    margin-inline: auto;
    
}

.team-content .person{
    border: 1px solid rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
     align-items: center;
     padding: 20px 10px;
     border-radius: 15px;
}
.team-content .person h3{
    text-align: center;
    font-size: 20px;
}
.team-content .person p{
    text-align: center;
}
.team-content .person .thumbnail{
    height: 100px;
    width: 100px;
    background-color: #d5d5d5;
    border-radius: 50%;
    margin-bottom: 10px;
}

@media screen and (max-width:768px) {
    .team-content{
        grid-template-columns: 1fr 1fr ;
        
    }
}
@media screen and (max-width:576px) {
    .team-content{
        grid-template-columns: 1fr  ;
        
    }
}