Black and White to Colour Project Image Rollovers

Site URL: https://gerbil-alpaca-7z52.squarespace.com/

Hi,

I would like the project thumbnails to be black and white and get colorised on rollover .

I followed another thread and am using this code but it doesn't work.

.no-touch .collection-5f3d008913a21354de5ca187 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  &:hover, &:focus {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
 

Thank you

Add to Home > Design > Custom CSS

.homepage .grid-image img {
    filter: grayscale(1);
}
.homepage .grid-image:hover img {
    filter: grayscale(0);
}