Remove overlay on hover on portfolio images

Hello there!
I will like to remove the (white) overlay on hover on  the portfolio images of all the projects  https://www.lacalifornie.es/studio/arco
but I will like to get the functionality of seeing them on lightbox when on click.

Thanks in advance!

Thanks @tuanphan it works nicely!

I will like to do the same in this other page https://www.lacalifornie.es/all
Can you help?

21 minutes ago, LucyBold said:

Thanks @tuanphan it works nicely!

I will like to do the same in this other page https://www.lacalifornie.es/all
Can you help?

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.grid-item .grid-item-link:hover {
    opacity: 1 !important;
}

Thank you @Web_Solutions and lastly can i also remove this overlay in here https://www.lacalifornie.es
The featured products at the end also has it

6 minutes ago, LucyBold said:

Thank you @Web_Solutions and lastly can i also remove this overlay in here https://www.lacalifornie.es
The featured products at the end also has it

Replace the previous code with the code below.

.grid-item .grid-item-link:hover, .product-block a:hover {
    opacity: 1 !important;
}

perfect @Web_Solutions thank you!

Just now, LucyBold said:

perfect @Web_Solutions thank you!

Welcome!