.hero-images-absolute {
  position: absolute;
  height: calc(100% - 563.333px);
  width: 100%;
}
.hero-banner-sticky-position {
  position: sticky;
  top: 112px;
  margin-top: 99px;
  height: fit-content;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  z-index: 1;
}
.hero-relative {
  grid-column-start: 8;
  grid-column-end: span 4;
  position: relative;
}
.hero-images-absolute img {
  width: 79%;
  max-height: calc(90svh - 0px - 68px);
  aspect-ratio: 314 / 676;
  top: 0;
  right: 0;
  position: absolute;
  animation-duration: .7s;
  transition-duration: .7s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  opacity: 0;
  object-fit: contain;
}
.hero-images-absolute img.active {
  opacity: 1;
}
@media only screen and (max-width: 960px) {
  .hero-images-absolute {
    display: none;
  }
}