On my site, on this page I have a grid of pictures. Currently, when you hover over any of them, it zooms in and changes the opacity a bit of the image you have your mouse on.
In addition to this, I would also like to overlay text over the center of the picture on hover.
I followed a few overlay css tutorials but they have a few problems. The text never appears in the middle of the correct picture. The zoom and opacity change also no longer happen. How would I be able to achieve this?
Thanks for any help!