Hover CSS to Crew Page

I was looking to implement a hover style to my Crew Page via the actual page's advanced css location.
I'm looking for something like: https://www.conducthq.com/about/
I'm aware of this thread with the script for the effect above: https://forum.squarespace.com/topic/94666-image-hover-change/

But, I am unaware of how to actually apply it to a specific page, not in the overall custom CSS.

Thank you!

(Image attached shows how the script injects itself into the header on my test site...)

The code in that post is meant to be used in a CODE block. So upload the images you want to a gallery in the NOT LINKED section, then right click each image to get the URL for it, then use that URL in the code.

<img src="COVER_IMAGE" 
onmouseover="this.src='OTHER_IMAGE'" 
onmouseout="this.src='COVER_IMAGE'">

The above code goes into a CODE block on a page.

On 1/7/2020 at 9:30 PM, Vigasan said:

The code in that post is meant to be used in a CODE block. So upload the images you want to a gallery in the NOT LINKED section, then right click each image to get the URL for it, then use that URL in the code.

<img src="COVER_IMAGE" 
onmouseover="this.src='OTHER_IMAGE'" 
onmouseout="this.src='COVER_IMAGE'">

The above code goes into a CODE block on a page.

Ahh, my apologies. Thank you! It works perfectly fine!