.logo-animate {
        transition: all 0.4s ease-in-out;
    }

    .logo-animate:hover {
        transform: scale(1.1) rotate(3deg);
        box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    }

     .logo-container {
        display: inline-block;
        padding: 10px;
        border-radius: 50%;
        background: linear-gradient(45deg, #ff6600, #ffcc00, #ff0066, #6600ff);
        background-size: 300% 300%;
        animation: borderAnimation 5s infinite linear;
    }

    /* Image à l'intérieur */
    .logo-container img {
        border-radius: 50%;
        display: block;
        transition: transform 0.4s ease-in-out;
    }

    /* Effet zoom sur hover */
    .logo-container:hover img {
        transform: scale(1.1);
    }

    @keyframes borderAnimation {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    .img-cover {
    transition: transform 0.3s ease-in-out;
}

.img-cover:hover {
    transform: scale(1.05);
    cursor: pointer;
}