snow-flakes1{
  position:fixed;width:100%;height:500vh;top:-10%;left:0;pointer-events: none; z-index: 0; overflow:clip;
  img{position:absolute;display:block;height:30px; filter: blur(1px); scale: 1};
  img:nth-child(1) {animation: snow 20s linear infinite; left:20%}
  img:nth-child(2) {animation: snow 22s linear infinite; left:70%; animation-delay:-4s}
  img:nth-child(3) {animation: snow 16s linear infinite; left:60%; animation-delay:-10s}
  img:nth-child(4) {animation: snow 20s linear infinite; left:85%}
  img:nth-child(5) {animation: snow 25s linear infinite; left:15%; animation-delay:-6s}
  img:nth-child(6) {animation: snow 16s linear infinite; left:40%; animation-delay:-15s}
}
snow-flakes2{
  position:fixed;width:100%;height:120vh;top:-10%;left:0;pointer-events: none; z-index: 3;overflow: clip;
  img{position:absolute;display:block;height:60px; scale:1};
  img:nth-child(1) {animation: snow 24s linear infinite; left:90%}
  img:nth-child(2) {animation: snow 20s linear infinite; left:15%; animation-delay:-8s}
  img:nth-child(3) {animation: snow 18s linear infinite; left:5%; animation-delay:-12s}
  img:nth-child(4) {animation: snow 24s linear infinite; left:55%; animation-delay:-2s}
  img:nth-child(5) {animation: snow 16s linear infinite; left:85%; animation-delay:-9s}
  img:nth-child(6) {animation: snow 19s linear infinite; left:98%; animation-delay:-5s}
}
snow-flakes3{
  position:fixed;width:100%;height:100vh;top:0;left:0;pointer-events: none; z-index: 1;overflow: clip;
  img{position:absolute;display:block;height:40px; scale: 1};
  img:nth-child(1) {animation: snow 34s linear infinite; left:50%}
  img:nth-child(2) {animation: snow 20s linear infinite; left:85%; animation-delay:-7s}
  img:nth-child(3) {animation: snow 24s linear infinite; left:35%; animation-delay:-10s}
  img:nth-child(4) {animation: snow 30s linear infinite; left:15%; animation-delay:-0s}
  img:nth-child(5) {animation: snow 22s linear infinite; left:75%; animation-delay:-15s}
  img:nth-child(6) {animation: snow 30s linear infinite; left:38%; animation-delay:-8s}
}




  @keyframes snow {
    0% {opacity:0;}
    10% {opacity:1;}

    90% {opacity:1}
    100% {opacity:0; transform: translateY(100vh) translateX(-6vw) rotate(120deg);}
  }