@media(min-width:992px){
  .person-grid-layout {
    grid-template-columns: repeat(1, 1fr);

    .phantom-grid-list {
      display: grid;
      gap: 20px;
      grid-template-columns: 1fr 1fr;
    }
  }
}

@media(min-width:1200px){
  .person-grid-layout {
    .phantom-grid-list {
      grid-template-columns: repeat(3, 1fr);
    }
  }
}