@keyframes anim-float {

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

    50% {
        transform: translateY(-2px);
        rotate: 3deg
    }
    100% {
        rotate: -2deg
    }
}

.animation-1 {
    animation: anim-float 4.2s ease-in-out infinite;
    will-change: transform;
}


@keyframes anim-sway {

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

    50% {
        transform: translateY(-8px) rotate(4deg) scale(1.03);
    }
}

.animation-2 {
    animation: anim-sway 5s ease-in-out infinite;
    will-change: transform;
}


@keyframes anim-pulse {

    0%,
    100% {
        transform: scale(1) translateY(0);
    }

    50% {
        transform: scale(1.12) translateY(-2px);
        rotate: 5deg
    }
}

.animation-3 {
    animation: anim-pulse 3.5s ease-in-out infinite;
    will-change: transform, filter;
}


@keyframes anim-drift {

    0%,
    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    33% {
        transform: translate(6px, -10px) rotate(2.5deg);
    }

    66% {
        transform: translate(-5px, -5px) rotate(-2deg);
    }
}

.animation-4 {
    animation: anim-drift 6.2s ease-in-out infinite;
    will-change: transform;
}


@keyframes anim-sparkle {

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

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

    75% {
        transform: translateY(-2px) rotate(-3deg) scale(0.97);
    }
}

.animation-5 {
    animation: anim-sparkle 4.6s ease-in-out infinite;
    will-change: transform;
}


.delay-1 {
    animation-delay: -0.8s;
}

.delay-2 {
    animation-delay: -1.8s;
}

.delay-3 {
    animation-delay: -2.7s;
}

.delay-4 {
    animation-delay: -3.6s;
}

.delay-5 {
    animation-delay: -4.4s;
}