<style>
@keyframes snowflakes-fall {
    0% { top: -10%; }
    100% { top: 100%; }
}

@keyframes snowflakes-shake {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(80px); }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    user-select: none;
    cursor: default;
    animation: snowflakes-fall 10s linear infinite, snowflakes-shake 3s ease-in-out infinite;
}

.snowflake img {
    width: 120px; /* Ajusta el tamaño del GIF */
    height: 120px; /* Ajusta el tamaño del GIF */
}

.snowflake:nth-of-type(1) { left: 1%; animation-delay: 0s, 0s; }
.snowflake:nth-of-type(2) { left: 10%; animation-delay: 1s, 1s; }
.snowflake:nth-of-type(3) { left: 20%; animation-delay: 6s, 0.5s; }
.snowflake:nth-of-type(4) { left: 30%; animation-delay: 4s, 2s; }
.snowflake:nth-of-type(5) { left: 40%; animation-delay: 2s, 2s; }
.snowflake:nth-of-type(6) { left: 50%; animation-delay: 8s, 3s; }
.snowflake:nth-of-type(7) { left: 60%; animation-delay: 6s, 2s; }
.snowflake:nth-of-type(8) { left: 70%; animation-delay: 2.5s, 1s; }
.snowflake:nth-of-type(9) { left: 80%; animation-delay: 1s, 0s; }
.snowflake:nth-of-type(10) { left: 90%; animation-delay: 3s, 1.5s; }
.snowflake:nth-of-type(11) { left: 25%; animation-delay: 2s, 0s; }
</style>

<!-- HTML -->
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake1"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake2"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake3"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake4"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake5"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake6"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake7"/></div>
<div class="snowflake"><img src="https://i.postimg.cc/SR2gVVGf/CATALIEN.gif" alt="snowflake8"/></div>