.image-grid-collection {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 625px 625px;
	gap: 10px;
	padding-left:5px;
	padding-right: 5px;
}
.image-link-card {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	height: 600px;
}

.about-details-card {
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  transition: opacity 1s ease-in;

  @starting-style {
      opacity: 0;
    }
}

.slide-up {
  opacity: 1;
  transform: translateY(0);
  transition: transform 1.5s 0.25s ease, opacity 2s 0.25s ease;
}

@starting-style {
  .image-link-card {
    opacity: 0;
  }
  .slide-up {
    opacity: 0;
    transform: translateY(150%);
  }
}


.admin-nav-card {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
}

.main-image-right {
	grid-row: 1 / span 2;
	grid-column: 2;
}
.main-image-left {
	grid-row: span 2;
	grid-column: 1;
}

.span-image {
  grid-column: 1 / span 2;
}
.side-image{
	grid-column: 1;
}
.top-image {
}
.main-image img,
.side-image img,
.top-image img,
.span-image img,
.card-image,
.hero-image {
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.spacer {
  height: 450px;
}

.spacer-sm {
  height: 50px;
}

.hero-image-container {
  height: 95vh;
}

.about-main-img {
	width: clamp(25vw, 350px, 80vw);
	padding: 10px;
}

@media (max-width: 1420px) {
  .image-grid-collection {
    grid-template-rows: 600px 600px;
  }
}

@media (max-width: 992px) {

	.image-link-card {
		height:500px;
	}

  .image-grid-collection {
    grid-template-rows: 475px 475px;
  }

}
@media (max-width: 768px) {

	.image-link-card {
		height:450px;
	}

  .image-grid-collection {
    grid-template-rows: 350px;
  }

  .spacer-sm {
    height: 25px;
  }

  .spacer {
    height: 200px;
  }

}

@media (max-width: 480px) {

  .image-grid-collection {
    grid-template-rows: 220px 220px;
  }

  .image-link-card {
    height: 350px;
  }
  .spacer-sm {
    height: 0px;
  }

}

.image-container {
  position: relative;
}

.remove-image-button {
  position: absolute;
  top: 0px;
  right: 5px;
  z-index: 20;
}