/* Keep the hero portrait anchored and visually balanced after the photo replacement. */
#top > div.relative.mx-auto.grid > div:first-child picture > img {
  transform: scale(1.1) translateY(1%);
  transform-origin: center bottom;
}

@media (min-width: 1024px) {
  #top > div.relative.mx-auto.grid > div:first-child {
    align-self: end;
    justify-content: center;
  }

  #top > div.relative.mx-auto.grid > div:first-child picture > img {
    transform: scale(1.18) translateY(6%);
    transform-origin: center bottom;
  }