@keyframes color-change-animation {
    0% {
       filter: grayscale(80%);
    }
   
    100% {
       filter: grayscale(0%);
    }
}

@keyframes scale-animation {
    0% {
        opacity: 0%;
       transform: scale(0);
    }
   
    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes fade-to-top-animation {
    0% {
        opacity: 0%;
       transform: translateX(20px);
    }
   
    100% {
        opacity: 100%;
        transform: translateX(0px);
    }
}