@keyframes flicker {
  to {
    background-position: 1000px 1000px, 50% 10%;
  }
}

@keyframes flicker-2 {
  to {
    background-position: -1000px -1000px, 50% 10%;
  }
}

#mask-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 10vh;
  pointer-events: none;
  -webkit-mask-image: linear-gradient( to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(0, 0, 0, 0.1) 100% );
  mask-image: linear-gradient( to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(0, 0, 0, 0.1) 100% );
}

#mask-wrapper-2 {
  position: absolute;
  bottom: -10vh;
  left: 0;
  width: 100vw;
  height: 30vh;
  pointer-events: none;
  -webkit-mask-image: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(0, 0, 0, 0.1) 100% );
  mask-image: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(0, 0, 0, 0.1) 100% );
}