.benefits .items {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}
.benefits .items > div {
  grid-area: auto;
}
@media (min-width: 992px) {
  .benefits .items {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
  .benefits .items > div:nth-child(1) {
    grid-area: 1/1/2/6;
  }
  .benefits .items > div:nth-child(2) {
    grid-area: 1/6/2/9;
  }
  .benefits .items > div:nth-child(3) {
    grid-area: 1/9/2/13;
  }
}