Can you use colors in your CMS library to make animations?

Hello everybody,

I have collection list in which I want to display our latest projects, see image below:

Now I want to add an animation on each of these project wrappers where if you hover over them the background color and the text color change to the branding colors of the client. I have these colors as an CMS item, is there any way I can make the animation so it uses the colors specified in the CMS collection?

This would massively improve my workflow, otherwise I have to duplicate the same animation for each project highlight and change the colors. This isn’t a very big deal, but just having the animation use the CMS items would be ten times easier.

I would love to hear your feedback!

Thanks a lot.

Here is my public share link: