/* Frame these tall portraits around the speakers' faces in square cards. */
#speaker-kenisha-m .portrait {
  object-position: 50% 20%;
}

#speaker-dee-mago .portrait {
  object-position: 50% 0%;
}

/* Keep the faces in frame when a card is hovered. */
#speaker-kenisha-m:hover .pic > .portrait,
#speaker-dee-mago:hover .pic > .portrait {
  transform: none;
}