change appearance of linked text and images on hover

Site URL: https://crimson-cornet-2n6f.squarespace.com/

Hi All,

A couple of visual queries on linked text and linked images used to click through to other pages...

I'm not a fan of how my template displays linked text as underlined. I'd like to link the name of my practice on my homepage (not in site header) to another page, but I'd like to remove the underline, and instead have the text change colour on hover.

I have the same / similar issue with images in my projects gallery. So at the moment the cursor changes to a hand (OK), and it will crudely display a caption overlay on hover, but that's all. I've seen loads of websites where the image changes on hover. It'd be great to be able to have them change to black and white on hover, or fade a little, or have a semi-transparent white mask overlaid.

Any help most appreciated!

https://crimson-cornet-2n6f.squarespace.com/