Quote Originally Posted by Acorn View Post
Gary, very easily.

Instead of filter: grayscale(100%);, change it to filter: grayscale(65%);.

You can also crank up the .bw:hover state by altering the filter: grayscale(0%) contrast(125%) saturate(150%);.

To do the approach justice, have a play with https://css-tricks.com/almanac/properties/f/filter/.

If you need to apply something you like, I'm there to advise.

Acorn
Interesting ideas Acorn - had a play using the sepia and contrast filters, added a standard Xara animation, and a link from the photo to its website. The result is posted to an old demo for hovers:

https://initiostar.co.uk/demo/hoverZoom/

Thanks for the concepts.