.teams {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.teams .team {
    background: var(--grad_th);
}

.teams .team_image {
    width: 100%;
    height: 290px;
}


@media (max-width:1300px){
    .teams {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width:1000px){
    .teams {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:700px){
    .teams {
        grid-template-columns: 1fr;
    }
}

@media (max-width:350px){
    .teams .team_image {
        height: 240px;
    }
}