position of trademark

Hi I’m trying to position my trademark symbol appropriate to the tag e.g. H1, H2, body etc. I’ve tried the following code to position it differently based on the tag and relevant font size, but it is just using the same position for each tag, so it looks too high for some text and too low for others. Any suggestions?

.custom-trademark { font-size: 14px!important; }

h3 span.custom-trademark {
position: relative;
bottom: 15px;
}

h2 span.custom-trademark {
position: relative;
bottom: 14px;
}

body span.custom-trademark {
position: relative;
bottom: 8px;
}