.snowflake {
    position: fixed;
    top: -10px;
    font-size: 1em;
    color: white;
    pointer-events: none;
    z-index: 9999;
    animation-name: fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: var(--animation-duration);
    left: var(--start-position-x);
}

@keyframes fall {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    100% {
        transform: translateY(100vh) rotate(360deg);
    }
}

@media only screen and (min-width: 468px) and (max-width: 1024px) {  
    .snowflake {
        display: none !important;
    }
    
}