.hero-image {
  background-position: 60% top;
  transform-origin: center top;
}

.story-image {
  background-position: center 8%;
}

@media (max-width: 900px) {
  .hero-image { background-position: 60% top; }
  .story-image { background-position: center top; }
}

@media (max-width: 560px) {
  .hero-image { background-position: 58% top; }
  .story-image { background-position: center top; }
}