#custom-snow-container{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    pointer-events:none;
    z-index:1;
}

.custom-snowflake{
    position:absolute;
    top:-20px;
    background-size:contain;
    background-repeat:no-repeat;
    animation:fall linear infinite;
    pointer-events:none;
}

@keyframes fall{

0%{
transform:translateY(-20px) translateX(0px);
opacity:1;
}

25%{
transform:translateY(25vh) translateX(-20px);
}

50%{
transform:translateY(50vh) translateX(20px);
}

75%{
transform:translateY(75vh) translateX(-15px);
}

100%{
transform:translateY(100vh) translateX(10px);
opacity:0.6;
}

}