Is it possible to overwrite elements within a symbol?

New webflow user here exploring. I am working on this hover effect symbol (because I want to reuse it on every single tile) and I have several elements nested within this symbol, one of them being a Heading.

What can I do to overwrite the text of my Header? Maybe I shouldn’t even use a symbol to begin with on this? Some help will be much appreciated here.

Elements in a symbol are not dynamic. They are static. However once the page renders (public side) you could overwrite / change any html you wish with Custom Code (Javascript in this case).

That sounds overly complicated. Would you recommend me to do that for my purpose?

Don’t use an symbol. Or create variations of a symbol as new symbols, and use them.