/* плавный дым */

@keyframes smoke-drift {
    0% {
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0px);
    }
    50% {
        transform: translate3d(-10px, -12px, 0) scale(1.02);
        filter: blur(1px);
    }
    100% {
        transform: translate3d(10px, -24px, 0) scale(1.05);
        filter: blur(2px);
    }
}

/* ты можешь добавлять сюда свои анимации дальше */

/* пример лёгкого fade & slide, если захочешь применять классами */

@keyframes fade-up {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-up {
    animation: fade-up 0.7s ease-out both;
}