How do I disable Custom CSS function on specific page

Site URL: https://www.maverixpe.com/press-kit

I have a reverse greyscale effect applied globally through Custom CSS using the following code I found online:

.image-block  {  transition: filter .3s ease-in-out;  filter: grayscale(100%); 
    }
.image-block:hover {  filter: grayscale(0%); }
 

I would like to have this effect disabled on a single page (Press Kit - #collection-604d2efbccf08c42a6c41fef) so that the logos and images on this one page are full colour and no hover effect. 

Please provide your the site-wide password.

Replace your CSS rulesets for this effect with the following.

body:not(#collection-604d2efbccf08c42a6c41fef) .image-block {

  filter : grayscale( 100% );
  transition : filter .3s ease-in-out;

  }

body:not( #collection-604d2efbccf08c42a6c41fef ) .image-block:hover {

  filter : grayscale( 0% );

  }

Let us know how it goes.