#dvd {
  
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;

  width: 100dvw;
  height: 100dvh;
  overflow: hidden;

  pointer-events: none;

}

#dvdimg {
  animation: 
    marquee-vert 5s infinite alternate linear,
    marquee-hort 6s infinite alternate linear;

  height: 1px;
  width: 1px;
  position: absolute;

  background-size: contain; 
  background-position: center;
  background-repeat: no-repeat;

  background-image: url("elephant.png");
  padding: 80px;

}

@keyframes marquee-vert {

  0% {top: 5px;}
  100% {top: calc(100% - 167px);}
  
}

@keyframes marquee-hort {

  0% {left: 5px;}
  100% {left: calc(100% - 170px);}
  
}


html body #dvd #inner {
  border-image-width: 0px !important;
  border-image-source: none !important;
  border-image: none 0 !important;
  
  /* This prevents the "bleeding" edge during animation */
  background-clip: padding-box !important; 
  
  /* Hardware acceleration to snap pixels */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}