(Squarespace) How to change gallery image to colored on hover

[tuanphan]

To change Gallery Image to colored on hover, from this.

To this on hover.

You can use this code to Custom CSS.
You can also use Photo Gallery tool, so you can create Photo with more layout/style easier without using code.

div.gallery img {
    filter: grayscale(1);
}
div.gallery figure:hover img {
    filter: grayscale(0);
}