.falling-flowers-container {
position: fixed;
width: 100%;
height: 100vh;
pointer-events: none;
overflow: hidden;
z-index: 9999;
top:0;
Left:0;
} .falling-flower {
position: absolute;
top: -100px;
opacity: 0.9;
animation: fall 10s linear infinite, spin 5s linear infinite;
} @keyframes fall {
0% {
top: -100px;
opacity: 1;
}
100% {
top: 100vh;
opacity: 0;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}