/* The mobile hero should show its photo and copy immediately, including in
   crawler screenshots captured before animations or JavaScript complete. */
@media (max-width: 700px) {
  .hero__image {
    background-size: auto 72%;
    background-position: 68% 72%;
  }

  .hero__content > * {
    opacity: 1;
    animation: none;
  }
}