.team .item {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.team .item > div {
  grid-area: auto;
}
@media (min-width: 768px) {
  .team .item {
    grid-template-columns: repeat(2, 220px);
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .team .item {
    grid-template-columns: repeat(3, 220px);
    gap: 24px;
  }
}