/* Keep the original mascot artwork as still images at every viewport size. */
.offer-overview-image {
  padding: 0;
  position: relative;
}

.offer-overview-art.offer-overview-image {
  position: absolute;
  transform: none;
  transition: none;
}

.offer-overview-image > img {
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  width: calc(100% - 36px);
  height: auto;
  aspect-ratio: 4 / 3;
  padding: 0;
  transform: translate(-50%, -50%);
  object-fit: contain;
}

.hero-showcase.mascot-edition .hero-slide .showcase-prop {
  animation: none;
  transition: none;
}

.hero-showcase.mascot-edition .hero-slide .showcase-prop-left {
  transform: rotate(-3deg);
}

.hero-showcase.mascot-edition .hero-slide .showcase-prop-right {
  transform: rotate(3deg);
}

@media (max-width: 760px) {
  .offer-overview-mobile-art.offer-overview-image {
    aspect-ratio: 4 / 3;
    height: auto;
  }
}