.animated-image {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Animation de rotation */
.ai-rotate {
    animation: rotate linear infinite;

}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Animation de basculement */
.ai-flip {
    animation: flip ease-in-out infinite;
}

@keyframes flip {
    0% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(-90deg);
    }
    100% {
        transform: rotate(90deg);
    }
}

/* Animation de battement de cœur */
.ai-heartbeat {
    animation: heartbeat ease-in-out infinite;
}

@keyframes heartbeat {
    0% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1.2);
    }
}


.ai-circle {
    animation: circle linear infinite;
    transform-origin: center;
    position: relative;
    display: inline-block;
}



@keyframes circle {
    from {
        transform: rotate(0deg) translateX(30px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translateX(30px) rotate(-360deg);
    }
}


.ai-wave {
    animation: wave ease-in-out infinite;
}


@keyframes wave {
    0% { transform: translateY(0) translateX(0) rotate(0deg); }
    25% { transform: translateY(-5px) translateX(5px) rotate(1deg); }
    50% { transform: translateY(0) translateX(0) rotate(0deg); }
    75% { transform: translateY(5px) translateX(-5px) rotate(-1deg); }
    100% { transform: translateY(0) translateX(0) rotate(0deg); }
}