Hover Interaction > Info Box pops up!

Hi All

I’m almost 60 (58) and started learning code on Sololearn and Practical Javascript.
I knew this would take quite some time… until I found webflow.

Suffice it to say that I am more than happy with discovering webflow, which means I can start building a client base much sooner.
I’m building a portfolio with friend’s sites first and using templates.

I’m having a problem with animations, at present.
I’m using the lightbox links to display his awards - and want to reveal a box with additional info for the award in question. The pic of the award should fade out and a box of text should fade up giving a brief description of what the award is about. Then the person browsing could click through to see the larger pic of the award…
I have tried this in a number of ways and although I understand the concept of interactions it does get a bit dense… knowing which to fade first/using classes/scaling up the info dialogue… - I would just like an elegant way to display some extra info on the award.

Any help would be greatly appreciated.
Thanks
Pierre

Here is my site Read-Only: https://preview.webflow.com/preview/lubbock-mockup?utm_source=lubbock-mockup&preview=bb72c8180df8c5f15fa04efb4a2c9c08

Scroll down to “A Closer Look…” or click “Artists” in the navbar.