.image-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .image-grid {
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.image-grid-btn {
  text-align: center;
  margin-top: 24px;
}

.image-grid-item:nth-child(1) {
  grid-column: span 2/span 2;
}
@media only screen and (max-width: 767px) {
  .image-grid-item:nth-child(3) {
    grid-area: 2/2/4/3;
  }
  .image-grid-item:nth-child(3) img {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .image-grid-item:nth-child(5) {
    display: none;
  }
}
.image-grid-item:nth-child(6) {
  grid-column: span 2/span 2;
}
@media only screen and (max-width: 767px) {
  .image-grid-item:nth-child(6) {
    display: none;
  }
}
.image-grid-item img {
  display: block;
  object-fit: cover;
  height: 168px;
}
@media only screen and (max-width: 767px) {
  .image-grid-item img {
    height: 30vw;
  }
}/*# sourceMappingURL=image-grid.css.map */