Resize symbol every time it appears in an H1 or H2

Question:
I need to resize a specific symbol every time it appears in an H1 or H2 on a page.

Product:
Wix Studio

What are you trying to achieve:
The ™ symbol appears in H1 and H2 headings on my webpage, however, my client wants the ™ symbol to be smaller and/or a different font weight than the rest of the heading, because the ™ gets quite big in H1 and H2 tags on large screens. The heading is “The BusinessName™ Process”

I want to be able to find & resize every instance of ™ every time it appears in an H1 or H2.

What have you already tried:

  • I’ve tried to split up the heading words and using “stacks” to align, but this doesn’t work well with resizing for many screens
  • I’ve tried adding the utf code with “:after” via css, but since the TM appears in the middle of my heading, this doesn’t work
  • I can’t add a tag into the HTML
  • Can’t add multiple text sizes in Studio editor textboxes
  • From what I can tell, Studio doesn’t support superscript tags

Any input here is greatly appreciated!