Making image block less Opaque and more white

Site URL: https://www.kimsedgwick.co.za/

Hi there,

Looking to make my image blocks on my works page less opaque, so that one can read the text that pops up in the centre of the block when hovered over. They currently have a very opaque block when hovered over, but I would like this to be a lot more solid.

See images below

Thanks very much.

For future members

Add to Home > Design > Custom CSS

/* Opacity */
.Index-gallery-item:hover .Index-gallery-item-image img {
    opacity: 10% !important;
}
/* background color */
.Index-gallery-item-image {
    background-color: white;
}
/* Overlay title */
.Index-gallery-item:hover .Index-gallery-item-content-heading {
    color: black !important;
}