style.css

@keyframes walk {
    0%, 100% { 
        transform: translateY(0) rotate(0deg);
    }
    25% { 
        transform: translateY(-5px) rotate(2deg);
    }
    50% { 
        transform: translateY(0) rotate(0deg);
    }
    75% { 
        transform: translateY(-5px) rotate(-2deg);
    }
}

@keyframes dance {
    0% { 
        transform: rotate(0deg) scale(1);
    }
    25% { 
        transform: rotate(5deg) scale(1.02);
    }
    50% { 
        transform: rotate(-5deg) scale(1);
    }
    75% { 
        transform: rotate(5deg) scale(1.02);
    }
    100% { 
        transform: rotate(0deg) scale(1);
    }
}

@keyframes action {
    0%, 100% { 
        transform: translateX(0) scale(1);
    }
    50% { 
        transform: translateX(10px) scale(1.05);
    }
}

@keyframes intimate {
    0%, 100% { 
        transform: translateY(0) rotate(0deg);
    }
    25% { 
        transform: translateY(-3px) rotate(1deg);
    }
    50% { 
        transform: translateY(0) rotate(0deg);
    }
    75% { 
        transform: translateY(-3px) rotate(-1deg);
    }
}

.animate-walk {
    animation: walk 1.5s infinite ease-in-out;
}

.animate-dance {
    animation: dance 2s infinite ease-in-out;
}

.animate-action {
    animation: action 1s infinite ease-in-out;
}

.animate-intimate {
    animation: intimate 1.2s infinite ease-in-out;
}
#preview-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}