How would I connect multiple animations to a single interaction within the same object?

I haven’t been able to find a resource which explains “combining” multiple animations into a single item type.

I have a product card. What I want to occur is when the user hovers over that product card, the image will change and the text on that card will change as well.

Imagine “Product Title with Default Picture” then you hover on the card and it changes to “Learn More with Secondary Picture

The problem I have is each of the animations only animate within themselves, meaning they only activate when I interact with each specific item on their own. I can’t group them all into a single interaction point.

What I want is for everything in the same Div to activate at the same time when I hover on the parent Div itself. Not on the individual items.

Can anyone cite a source which explains how I can get this done? Even if it requires a code workaround.