.block-header+.hero-divider {
  margin-top: 3rem;
}

.hero-divider {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.card__height-small,
.card__height-small .image,
.card__height-small .image .media {
  height: calc(50vh - var(--header-height, 0px) - var(--announcement-height, 0px));
}

.card__height-mid,
.card__height-mid .image,
.card__height-mid .image .media {
  height: calc(70vh - var(--header-height, 0px) - var(--announcement-height, 0px));
}

.card__height-full,
.card__height-full .image,
.card__height-full .image .media {
  height: calc(100vh - var(--header-height, 0px) - var(--announcement-height, 0px));
}