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