#lucky > p {
  position: sticky;
  top: 4vh;
  z-index: -1;

  animation: subtle forwards;
  animation-timeline: view();
  animation-range: contain;
}

#lucky {
  > div {
    display: flex;
    flex-direction: column;
  }
  figcaption {
    font-size: 80%;
  }
  img, video {
    max-height: 80vh;
    width: 80vw;
    object-fit: contain;
  }

  .bingo > img:first-child {
    position: absolute;
    z-index: -1;
  }
  .bingo > img:not(first-child) {
  }

  @media (orientation: portrait) {
    .bingo > img {
      height: 40vh;
    }
  }
}

@keyframes subtle {
  from { opacity: 1; }
  to { opacity: .1; }
}