.Screen {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity .45s ease, visibility 0s linear .45s;
}

.Screen--active {
  opacity: 1;
  visibility: visible;
  transition: opacity .45s ease, visibility 0s;
  z-index: 1;
}

.Screen--home   { background-image: url("../img/background-home.jpg"); }
.Screen--video  { background-image: url("../img/background-video.jpg"); }
.Screen--answer { background-image: url("../img/background-answer.jpg"); }

.Screen-heading {
  position: absolute;
  top: 78px;
  left: 72px;
  margin: 0;
  font-family: var(--font-hand);
  font-weight: 400;
  font-size: 59px;
  line-height: 1;
  text-transform: uppercase;
  color: var(--color-ink);
}