/* Cloud Float Animation */
@keyframes cloudFloat {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}

.cloud-float {
    animation: cloudFloat 8s infinite ease-in-out;
}

/* Bird Fly Animation */
@keyframes birdFly {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-5px) rotate(3deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(5px) rotate(-3deg);
    }
    100% {
        transform: translateY(0) rotate(0deg);
    }
}

.bird-fly {
    animation: birdFly 6s infinite ease-in-out;
}