.hero-raster-scene {
  align-self: center;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.hero-art-dark, [data-theme="dark"] .hero-art-light { display: none; }
[data-theme="dark"] .hero-art-dark { display: block; }

.hero-raster-scene img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  /* Fade the canvas edges into the page without dimming the illustration. */
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent), linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

@media (max-width: 900px) {
  .hero-raster-scene img { aspect-ratio: 2 / 3; }
}