.team-page {
  display: flex;
}
.team-page__list {
  width: 33.333333%;
}
.team-page__content {
  width: 66.666666%;
  display: flex;
  align-items: flex-start; /* required for position: sticky to work */
  justify-content: end;
}

.team-page__content .team-member {
  position: sticky;
  position: -webkit-sticky;
  top: 9em;
  max-height: calc(100vh - 116px); /* spread over whole height - height of page header - visually corrected */
  overflow-y: auto;
}
body.player--inline .team-page__content .team-member {
  max-height: calc(100vh - 168px); /* empirically */
}
body.player--inline .team-page__content .team-member__description,
body.player--inline .team-page__content .team-member__info {
  padding-bottom: 20px;
}

.page-top .team-currently-moderating {
   /* .page-top has a margin-top of 4em, let's move our text inside it */
  position: relative;
  top: -4em;

  text-align: right;
}

@media (max-width: 568px) {
  .team-page__list {
    width: 100%;
  }
  .team-page__content {
    display: none;
  }
}