Lay Theme Forum

Sure: https://www.creativetothebone.com/category/about *effect added to first image

I'm still building and blocking stuff out, anyway as now the hover is guided by the filter command, I'd love to scrap that and add a color overlay on hover. I've tried different methods, but somehow images have either a class/property that can't be called in (or i'm just too noob to find it) or overwritten in .css.
Usually I'll put a div on top of the image with the overlay and play with absolute and relative properties on it as I've seen doing on many tutorials, but even if I declare a div in the custom html I don't know what element to use in the gridder to attach the class too.
Is there a better solution to this?
Any help?

Thanks @Richard-K

Hi! Thanks in advance to anybody willing to help.
I'm currently working on my own portfolio using this theme is there a way to add a color overlay to basic images (not project thumbnail)?
I'm a bit of a css noob so here it goes, I've been able to add a caption inside the image and would love to add an overlay too.
I've tried using syntax for the hover but atm nothing works.

.img img{
transition: all 300ms ease;

}

.img:hover img{
filter: brightness(0.5);
}

.img .caption{
    opacity: 0;
    transition: opacity 300ms ease;
}

.img:hover .caption{
    opacity: 1;
}

.img .caption{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}