@keyframes batman {
    0% { transform: translate(100px, 100px) scale(0.5);}
    25% { transform: translate(0px, 0px) scale(1);}
    50% { transform: translate(100px, 100px) scale(0.5);}
    75% { transform: translate(0px, 0px) scale(1);}
    100% { transform: translate(100px, 100px) scale(0.5);}
}

#ailes{
    visibility: hidden;
}


svg:hover #ailes{
    visibility: visible;
    animation: batman 1.5s;
    animation-iteration-count: infinite;


}

.image:hover .eleve {
    fill: white;
    opacity : 0.6;
}

.nom {
    opacity: 0;
    fill: white;
    font-size: 50px;
}

#lara:hover .nom {
    opacity : 1;
}

#gregoire:hover .nom {
    opacity : 1;
}

#anthony:hover .nom {
    opacity : 1;
}

#baptiste:hover .nom {
    opacity : 1;
}

#enzo:hover .nom {
    opacity : 1;
}

#elodie:hover .nom {
    opacity : 1;
}

#charline:hover .nom {
    opacity : 1;
}

#safak:hover .nom {
    opacity : 1;
}

#chloe:hover .nom {
    opacity : 1;
}

#theo:hover .nom {
    opacity : 1;
}

#anthonyd:hover .nom {
    opacity : 1;
}

#tiburce:hover .nom {
    opacity : 1;
}

#tristan:hover .nom {
    opacity : 1;
}