.parallax {
  height: 100vh;
  width: 100%;
  content-visibility: auto;
  overflow: hidden; }
  .parallax figure {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    will-change: transform;
    pointer-events: none; }
    .parallax figure:first-of-type {
      position: relative;
      top: auto;
      left: auto;
      width: auto; }
    .parallax figure:nth-of-type(3) {
      opacity: 0.7; }
    .parallax figure svg {
      height: 100%;
      width: auto;
      pointer-events: none; }
  .parallax #player {
    z-index: 5; }
  .parallax .video-cover {
    -webkit-backdrop-filter: brightness(50%);
            backdrop-filter: brightness(50%);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    align-items: stretch;
    position: relative;
    height: 0;
    background-size: cover; }
    .parallax .video-cover h2 {
      background-color: var(--navy);
      color: white;
      text-align: center;
      position: absolute;
      bottom: 1em;
      left: 0;
      width: 100%;
      font-weight: 400;
      padding: 1em 0; }