.imagecollection2 {
  display: grid;
  grid-template-columns: 25% 30% 15% 25%;
  gap: 15px;
  place-content: center;
  grid-template-rows: 50% 50%;
  height: 80vh;
  min-height: 460px;
  padding: max(2vh, 1.5rem);
}
.imagecollection2 img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 690px) {
  .imagecollection2 {
    height: 65vh;
  }
}
@media screen and (max-width: 470px) {
  .imagecollection2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 35%);
  }
}
.imagecollection2 .card {
  border-radius: 25px;
  box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.26);
  overflow: hidden;
  transition: transform 0.3s ease;
}
.imagecollection2 .card:hover {
  transform: scale(1.02);
}
@media screen and (max-width: 470px) {
  .imagecollection2 .card {
    grid-column: span 1;
  }
}
.imagecollection2 .card:nth-child(2) {
  grid-column: 2/3;
  grid-row: span 2;
}
@media screen and (max-width: 690px) {
  .imagecollection2 .card:nth-child(2) {
    grid-column: span 1;
    grid-row: span 1;
  }
}
.imagecollection2 .card:nth-child(3) {
  grid-column: span 2;
}
@media screen and (max-width: 690px) {
  .imagecollection2 .card:nth-child(3) {
    grid-column: 2/4;
    grid-row: 1/2;
  }
}
@media screen and (max-width: 690px) {
  .imagecollection2 .card:nth-child(6) {
    grid-column: 2/4;
    grid-row: 2/3;
  }
}
@media screen and (max-width: 470px) {
  .imagecollection2 .card:nth-child(5) {
    grid-column: span 2;
  }
}
.imagecollection2 .card img {
  border-radius: 25px;
}
.imagecollection2 .card .card__img {
  position: relative;
  height: 100%;
}

/*# sourceMappingURL=imagecollection.css.map */