.smithsonian-hero-cards img.smithsonian-hero-card-back {
  width: min(30%, 13rem);
  z-index: 1;
  transform: translate(-88%, 8%) rotate(-15deg);
}

.smithsonian-hero-cards img.smithsonian-hero-card-front {
  width: min(30%, 13rem);
}

.smithsonian-hero-cards img.smithsonian-hero-card-invitation {
  z-index: 4;
  transform: translate(-25%, -8%) rotate(-5deg);
}

.smithsonian-hero-cards img.smithsonian-hero-card-end-triassic {
  z-index: 3;
  transform: translate(34%, -2%) rotate(6deg);
}

.smithsonian-hero-cards img.smithsonian-hero-card-late-devonian {
  z-index: 2;
  transform: translate(88%, 8%) rotate(15deg);
}

.smithsonian-hero-cards .smithsonian-hero-amber {
  z-index: 6;
  right: 9%;
  bottom: 8%;
}

@media (max-width: 640px) {
  .smithsonian-hero-cards img.smithsonian-hero-card-back,
  .smithsonian-hero-cards img.smithsonian-hero-card-front {
    width: min(29%, 9rem);
  }
}