Image Rollover with css3 & jQuery

Hello,

I would really love to be able to create something like these (https://benmartineau.com/projects/TheColumnist/) rollover boxes on my site but just don’t have any real idea how to do this?

It would be for this sort of page on my site – https://www.presentattempt.co.uk/projects-test/

If anybody could help me out that would be much appreciated!

Thanks

Alex