Merge pull request #86 from edisonlee55/master

fix: fixed CSS scale() on WebKit causing rendering issues

So I have used the solution provided here (Reference):
CSS transform on SVG text element not working in Safari - Stack Overflow - https://stackoverflow.com/a/61398694/4333875

They have encountered issue with `transform: translate()` and filed a bug report, but `transform: scale()` is also having issue on our side.

Also, the minimum reproducible example is [here](https://stackoverflow.com/questions/62964270/css-scale-animation-in-svg-text-tag-not-working-on-safari) on Stack Overflow.
(the word `Test` won't show up **on Safari**)

src/renderStatsCard.js

@@ -157,16 +157,17 @@ const renderStatsCard = (stats = {}, options = { hide: [] }) => {
       })">
         <circle class="rank-circle-rim" cx="-10" cy="8" r="40" />
         <circle class="rank-circle" cx="-10" cy="8" r="40" />
+        <g class="rank-text">
           <text
             x="${rank.level.length === 1 ? "-4" : "0"}"
             y="0"
             alignment-baseline="central"
             dominant-baseline="central"
             text-anchor="middle"
-          class="rank-text"
           >
             ${rank.level}
           </text>
+        </g>
       </g>`;
 
   if (hide_title) {