@keyframes colorChange {
    0% {
        fill: #bae6fd;
    }

    /* primary-blue */
    25% {
        fill: #3b82f6;
    }

    /* secondary-green */
    50% {
        fill: #8b5cf6;
    }

    /* accent-pink */
    75% {
        fill: #3b82f6;
    }

    100% {
        fill: #bae6fd;
    }
}

.bg-color-animation {
    animation: colorChange 6s infinite alternate;
}

/* ตั้งค่า delay ให้แต่ละวง */
.animation-delay-1 {
    animation-delay: 0s;
    
}

.animation-delay-2 {
    animation-delay: 2s;
    
}

.animation-delay-3 {
    animation-delay: 4s;
    
}