.animation-welcome {
  $transition-time: 300ms;

  position: fixed;
  height: var(--window-inner-height, 100vh);
  width: 100vw;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: $z-index-page-overlay;
  background-color: color("background");
  transition: transform $transition-time $easing-out;

  video {
    height: var(--window-inner-height, 100vh);
    width: 100vw;
    object-fit: cover;
    object-position: center center;
  }

  &--move-out {
    transform: translateY(-100vh);
    transition: transform $transition-time $easing-in;
  }
}