Creating flip effect on photos to reveal text on back?

I'm trying to create a flip effect on four photos so when you hover over them or click on them it will flip around to some text on the "back." I'm able to see some videos on Youtube for this but I'm so far not seeing anything with how to do this using Fluid Engine, only on the classic editor setting them as poster images. Does anyone have any thoughts on how to do this using Fluid Engine (I'm guessing this will entail needing some JavaScript either way?). Thanks!

If you're happy to use code, then you may be able to use and adapt this:

https://www.w3schools.com/howto/howto_css_flip_card.asp

Thanks for the reply to this too! I actually figured it out yesterday and they look really cool 🙂 Thanks!

Fantastic, can you share your results? 

We haven't made the website public yet but I definitely can once we do! I ended up using the code from this article though: https://www.will-myers.com/articles/image-block-flip-effect-for-poster-images-in-squarespace

How did you do that on Fluid Engine without the poster image blocks?

Oh yeah I didn't with Fluid Engine, I just added in a section using the classic editor!

Ah, fair enough! Sorry I didn't suggest that answer, but I was looking specifically for an FE solution.

That's okay! I had asked about doing it in Fluid Engine so that was the right answer and now I'll know for next time!

Any solutions for this on Fluid Engine?