@keyframes wave {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    50% {
        box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.4);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
}

.wave-effect {
    display: inline-block;
    position: relative;
    border-radius: 50%; /* Si l'image est ronde */
    animation: wave 1.5s infinite ease-out;
}

.wave-effect img {
    display: block;
    width: 60px; /* Ajuste selon tes besoins */
    height: auto;
    border-radius: 50%; /* Assure un effet fluide à 50% si l'image est ronde */
}