.floating-image {
    position: absolute;
    opacity: 0.8;
    pointer-events: none;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes fallAndRotate {
    0% {
        transform: translateY(calc(-100px)) rotate(0deg)scale(1); opacity: 1
    }
    20% {
        transform: translateY(calc(var(--vh20))) rotate(90deg) scale(0.9);
    }
    40% {
        transform: translateY(calc(var(--vh40))) rotate(180deg) scale(0.8);
    }
    60% {
        transform: translateY(calc(var(--vh60))) rotate(270deg) scale(0.7);
    }
    80% {
        transform: translateY(calc(var(--vh80))) rotate(360deg) scale(0.6); opacity: 1
    }
    100% {
        transform: translateY(calc(var(--vh100))) rotate(450deg) scale(0.5); opacity: 0; 
    }
}