.ledmon-animation[data-animation="lluvia"]::before {
    content: none;
}

.ledmon-animation[data-animation="lluvia"] {
    position: relative;
    z-index: 1;
    height: 100%;
    overflow: hidden;
}

.ledmon-animation[data-animation="lluvia"] .gota {
    position: absolute;
    background-color: var(--animation-color, rgba(30, 144, 255, 0.6));
    box-shadow: 0 0 4px var(--animation-color-shadow, rgba(30, 144, 255, 0.3));
    z-index: 2;
    pointer-events: none;
}

@keyframes lluvia {
    0% {
        background-position: 0 -50px;
    }

    100% {
        background-position: 0 1000px;
    }
}