#dragon-container {
    position: fixed;
    width: 400px; 
    height: 400px;
    z-index: 9999;
    pointer-events: none; 
}

/* Movimiento del dragón */
@keyframes fly {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(80vw, 20vh); 
    }
    50% {
        transform: translate(80vw, 80vh); 
    }
    75% {
        transform: translate(0, 80vh); 
    }
    100% {
        transform: translate(0, 0); 
    }
}


#dragon-container {
    animation: fly 10s linear infinite;
}