mttgrrdi

Ended up figuring it out. I'll leave the code incase someone has the same problem.

.portfolio-grid-overlay .portfolio-overlay {
    backdrop-filter: blur(10px);
}

Hey everyone,

I'm currently re-designing my portfolio website and would like to add some custom css to my grid: overlay section.

Currently, the hover state for the portfolio thumbnails are set to the default static color + text.

I'm wondering how I might be able to set the hover state on my portfolio thumbnails to an image blur + text using custom css.

Anyways, any help/advice would be greatly appreciated!

Thanks

PS: my site is a work in progress 😅