#snow {
    background: none;
    background-image: url("../img/error/misc/s1.png"),
        url("../img/error/misc/s2.png"), url("../img/error/misc/s3.png");
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    -webkit-animation: snow 100s linear infinite;
    animation: snow 100s linear infinite;
    pointer-events: none;
}

@media (max-width: 768px) { 
    #snow {
        -webkit-animation: none;
    }
}

@keyframes snow {
    0% {
        background-position:
            0px 0px,
            0px 0px,
            0px 0px;
    }

    50% {
        background-position:
            5000px 5000px,
            1000px 2000px,
            -1000px 1500px;
    }

    100% {
        background-position:
            5000px 10000px,
            2000px 4000px,
            -1000px 3000px;
    }
}

@-webkit-keyframes snow {}