.flake {
    position:fixed;
    pointer-events: none;
    width:100px;
    height:100px;
    background-size:cover;
    background-blend-mode: multiply;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.6));
    z-index: 2;
}

.flake1 {
    background-image: url('../svg/snow/flake1.svg');
}

.flake2 {
    background-image: url('../svg/snow/flake2.svg');
}

.flake3 {
    background-image: url('../svg/snow/flake3.svg');
}

.flake4 {
    background-image: url('../svg/snow/flake4.svg');
}