/* Infinite looping video background */
.video-background {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
    aspect-ratio: 16/9;
    overflow: hidden;
    min-height: 100vh;
  }
  
  .video-foreground,
  .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .video-background iframe {
    opacity: 0.1;
  }
  
  @media (min-aspect-ratio: 16/9) {
    .video-foreground {
      height: 300%;
      top: -100%;
    }
  }
  
  @media (max-aspect-ratio: 16/9) {
    .video-foreground {
      width: 300%;
      left: -100%;
    }
  }

.noisemove {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    image-rendering: pixelated;
    background-position: center;
    z-index: -1;
    background-size: 512px 512px;
    background-image: url('https://static.cargo.site/assets/backdrop/video/noise.png');
    display: block; 
    animation: shift 0.8s steps(4, end) infinite;
}

@keyframes shift {
    0% {
        background-position: 0px 0px
    }
    
    33.33% {
        background-position: 80px 140px;
    }
    
    66.66% {
        background-position: 200px 30px;
    }
    
    100% {
        background-position: 0px 0px
    }

}

  /* End infinte looping video background */