.galleryGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "first first second third" "first first second forth";
  gap: 20px;
}
.galleryGrid .imageGal:nth-of-type(1) {
  grid-area: first;
}
.galleryGrid .imageGal:nth-of-type(2) {
  grid-area: second;
}
.galleryGrid .imageGal:nth-of-type(3) {
  grid-area: third;
}
.galleryGrid .imageGal:nth-of-type(4) {
  grid-area: forth;
}

.imageGal {
  overflow: hidden;
}
.imageGal:hover img {
  transform: scale(1);
}
.imageGal img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.2);
  transition: all 0.5s;
}

@media (max-width: 992px) {
  .galleryGrid {
    grid-template-areas: "first first second second" "third third forth forth";
  }
  .galleryGrid .imageGal {
    height: 300px;
  }
}
@media (max-width: 768px) {
  .imageGal img {
    transform: scale(1);
  }
}
@media (max-width: 600px) {
  .galleryGrid {
    display: block;
  }
  .galleryGrid .imageGal {
    margin: 10px;
  }
}/*# sourceMappingURL=gallery.css.map */