How to overwrite a hover trigger with a click trigger?

My idea is to have a gallery in which when you hover a product, it grows and when you click it it shows additional information.
But I want the product to return to it’s original size only if the element wasn’t clicked and I want it to stay as it is if the element was clicked.

Animations work fine, I just want to know how to make click trigger animation overwrite hover animation so it stays scaled up if there’s additional information being shown.
I used element triggers for both animations because using a hover style breaks everything.

Read only link: