/* Section 4 imagery only: retain the existing section and copy dimensions. */
#crystal .crystal-story-art {
  width: 100%;
  height: 280px;
  background-image: none;
}

#crystal .crystal-story-art picture,
#crystal .crystal-story-art img {
  display: block;
  width: 100%;
  height: 100%;
}

#crystal .crystal-story-art img {
  object-fit: cover;
  object-position: center 60%;
}

#crystal .crystal-story-art picture {
  overflow: hidden;
}

@media (min-width: 600px) {
  #crystal .crystal-story-art {
    inset: 0;
    height: 100%;
  }

  #crystal .crystal-story-art img {
    object-position: right center;
    /* Uniform focal crop: retain the complete camera surround beside the copy. */
    transform: scale(1.4);
    transform-origin: right center;
  }
}

@media (min-width: 1100px) {
  #crystal .crystal-story-art img {
    transform: scale(1.18);
  }
}

@media (max-width: 599px) {
  #crystal .crystal-story-art::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 24px;
    background: linear-gradient(#0b0b0b, transparent);
    pointer-events: none;
  }
}