Adding hover text over image and title

Site URL: https://koala-point-zbsp.squarespace.com/

In the "What's eating you about your site?" section, I have added a List section with 5  items. My intent is to show image with title underneath inside a square field/background color and on hover, have the smaller descriptive text with button animate/fade over them centered. Please see attached screenshot. Right now you see all of them at same time which is too busy and uneven.

Any help would be much appreciated!

Thank you.