/* Face-focused framing for Frankie's homepage portrait. */
.hero {
  grid-template-columns: 1fr 47%;
}

.hero-image img {
  object-position: 72% 26%;
  transform: scale(1.12);
  transform-origin: 72% 26%;
}

@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr 45%;
  }
}

@media (max-width: 680px) {
  .hero-image img {
    object-position: 72% 28%;
    transform-origin: 72% 28%;
  }
}