capa superpuesta con efecto blanco y negro

Buenos días,

Buscando por internet encontré un código para hacer que una galería de imágenes se vea con un efecto blanco y negro como capa superpuesta, al pasar el ratón por encima, además de ocultar también el icono que había encima de las fotos (Ver aquí: https://www.geografiaconlospies.com/memes/ ). ¿Es posible hacer ese mismo efecto para la página principal? Muchas gracias.

Adjunto el código para la galería:

.grayscale .et_pb_gallery_image {

 -webkit-filter: grayscale(0%);

 filter: grayscale(0%);

 opacity: 1;

}

.grayscale .et_pb_gallery_image:hover {

 -webkit-filter: grayscale(100%);

 filter: grayscale(100%);

 opacity: .8;

}

.et_overlay:before {

 display: none;

}

Contenido solo visible a usuarios registrados