/* Keep each responsive portrait in one grid cell. display:contents exposes
   picture's source element to grid layout and displaces the image and copy. */
.family-hero-audio{min-height:78px;display:flow-root}
.profile > .profile__picture {
  display: block;
  position: relative;
  min-width: 0;
  min-height: 390px;
  align-self: stretch;
}

.profile > .profile__picture > source {
  display: none;
}

.profile > .profile__picture > .profile__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.profile:nth-child(even) > .profile__picture {
  order: 2;
}

/* Keep the singing hand inside the frame only while that expression is shown.
   Wardrobe pictures retain their original crop. */
@media (min-width: 681px) {
  .profile__picture[data-displayed-expression="sunniva-03"] > .profile__image {
    object-position: 70% 18%;
  }
}

@media (max-width: 680px) {
  .profile > .profile__picture {
    height: 430px;
    min-height: 0;
  }

  .profile:nth-child(even) > .profile__picture {
    order: 0;
  }
}