Reusing interactions from CMS elements to Div block

Hello, I am using a purchased template and it came with interactions that have been set to CMS collection lists. As we know CMS elements don’t import with the code export, so I have created the blocks as div blocks with images over them.

I wish to carry over the project list img hover in interaction/element trigger that you can see in the project1 link, to the project 2 where ive created div blocks with image inside them and would like to apply the interaction.

Is this possible?

If not and I have to recreate manually- how do I change the color of an overlay interaction? I have uploaded a screen shot of the interaction but i dont know how to change the overlay color.

Any help appreciated.


Here is my public share link: **