.rama-global{
    position:fixed;
    pointer-events:none;
    z-index:15;
}

/* IZQUIERDA */

.rama-left{
    left:-40px;
    top:95px;

    animation:hojaIzquierda 8s ease-in-out infinite;
}

/* DERECHA */

.rama-right{
    right:-40px;
    bottom:0;

    animation:hojaDerecha 10s ease-in-out infinite;
}

.rama-global img{
    width:260px;
    height:auto;
    opacity:.8;
    filter:drop-shadow(0 15px 25px rgba(0,0,0,.08));
}

/* MOVIMIENTO NATURAL */

@keyframes hojaIzquierda{

    0%{
        transform:
        translateY(0px)
        rotate(0deg)
        scale(1);
    }

    25%{
        transform:
        translateY(-8px)
        rotate(1.5deg)
        scale(1.01);
    }

    50%{
        transform:
        translateY(-15px)
        rotate(3deg)
        scale(1.02);
    }

    75%{
        transform:
        translateY(-6px)
        rotate(1deg)
        scale(1.01);
    }

    100%{
        transform:
        translateY(0px)
        rotate(0deg)
        scale(1);
    }
}

@keyframes hojaDerecha{

    0%{
        transform:
        translateY(0px)
        rotate(0deg)
        scale(1);
    }

    25%{
        transform:
        translateY(6px)
        rotate(-1deg)
        scale(1.01);
    }

    50%{
        transform:
        translateY(12px)
        rotate(-3deg)
        scale(1.02);
    }

    75%{
        transform:
        translateY(5px)
        rotate(-1deg)
        scale(1.01);
    }

    100%{
        transform:
        translateY(0px)
        rotate(0deg)
        scale(1);
    }
}