html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.postimg.cc/wjm1yBcS/IMG-1211.png);
  content: "";
  height: 300%;
  left: -50%;
z-index: 1100;
  opacity:.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events: none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} 
@media screen and (max-width: 900px) {
        #tail {
            display: none;
}
 @media screen and (max-width: 900px) {
        #chime {
            display: none;
}

}
    
}