.custom-hover-effect {
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
}

.custom-hover-effect:hover {
    filter: grayscale(0%);
}