Code to get gallery images to flip on a hover and add text to the back?

Site URL: https://www.alexandersafar.com/

Hi,

I'm adding a gallery of images to my "about us" page with images of 6 staff members. I want to make each image able to flip on the hover with a short bio of each person on the back. Everything I've tried in terms of css code hasn't worked for me. I'm not sure what I'm doing. . I'm in the classic mode 7.1.

thank you so much for any advice!

Hi,

Can you share link to about us page? I see 1 image only

https://www.alexandersafar.com/aboutus

https://www.alexandersafar.com/about-us-copy2

thank you!

You want

Initial: Show image, title

Hover: Show an overlay color, title (under image), short bio (over image)

Is this right?

Can you add some short bio in List Content?

like this?

https://www.alexandersafar.com/about-us-2-copy

You might find the following thread of interest.

Not sure if there is a solution in there but it may help.