.home-grid {
  list-style: none;
  line-height: 0;
  display: grid;
  grid-template-columns: repeat(1fr, 12);
  grid-column-gap: 20px;
  grid-row-gap: 40px;
}
.home-grid li {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

.home-grid li:nth-child(2n+1) {
  grid-column: 8/12;
}
.home-grid li:nth-child(3n+2) {
  grid-column: 7/13;
}
.home-grid li:nth-child(4n+3) {
  grid-column: 1/4;
}
.home-grid li:nth-child(5n+4) {
  grid-column: 5/11;
}
.home-grid li:nth-child(6n+5) {
  grid-column: 2/5;
}
.home-grid li:nth-child(4n+6) {
  grid-column: 6/12;
}

.home-grid li:nth-child(2n+7) {
  grid-column: 1/5;
}

.home-grid li:nth-child(3n+9) {
  grid-column: 8/12;
}

.home-grid li:first-child {
  grid-column: 2/6;
}

.home-grid a {
  display: block;
}


@media (max-width: 767px) {
  .home-grid li:nth-child(2n+1) {
    grid-column: 1/7;
  }
  .home-grid li:nth-child(3n+2) {
    grid-column: 2/12;
  }
  .home-grid li:nth-child(4n+3) {
    grid-column: 4/12;
  }
  .home-grid li:nth-child(5n+4) {
    grid-column: 1/11;
  }
  .home-grid li:nth-child(6n+5) {
    grid-column: 2/13;
  }
  .home-grid li:nth-child(4n+6) {
    grid-column: 1/13;
  }
  
  .home-grid li:nth-child(2n+7) {
    grid-column: 1/5;
  }
  
  .home-grid li:nth-child(3n+9) {
    grid-column: 6/13;
  }
  
  .home-grid li:first-child {
    grid-column: 1/8;
  }
}