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:
https://preview.webflow.com/preview/laleesh-web-design-graphic-design?utm_medium=preview_link&utm_source=designer&utm_content=laleesh-web-design-graphic-design&preview=6a91c371fd060e4ef6c1baeb7d0dae30&pageId=64c7ea8cf26a93ab1e96cb8c&workflow=preview