.hero-photo {
  background-image: url('https://images.pexels.com/photos/30774111/pexels-photo-30774111/free-photo-of-delicious-breakfast-bagel-with-fried-egg.jpeg?auto=compress&cs=tinysrgb&w=1920');
  background-position: center 54%;
}

@media (max-width: 820px) {
  .hero-photo { background-position: 58% center; }
}