What would be the process for linking multiple animations to a single interaction?

This question may have an obvious answer but I can’t seem to find it.

I basically have a web page where there are product cards. What I want to have happen is when you hover over the product card, that card goes through multiple changes/animations (scaling, drop shadow, text color, etc.)

The animations are easily made. That part isn’t the issue. My issue is I can’t figure out how to link all of those separate animations to a single hover interaction. In this case, I want the main Div_box of the card to be my trigger point.

Does anyone have a step by step to explain linking these separate animations together? I appreciate your help.


Here is my public share link: LINK
(how to access public share link)