Text & image disappear on hover to display other text


I am trying to replicate the interaction when hovering over the elements in the “Our Services” section on the homepage of the website purgreengroup.com. Unfortunately, I have not been able to figure out how to do so.

Does anyone have any ideas on how I would do this?

My read-only link can be found here.

What are you trying to do - and - on which elements in the page?

I was trying to re-create the animation that occurs when you hover over a card in the “Our Services” section. Is that possible?

Let me check again now.

I think I got it working for the most part. It’s just a bit iffy.