How to save and display character clipart correctly?

Question

css

The thing is that I looked at examples about the use of vector clipart. I decided to make my own and paste it into html. But I can't figure out where I screwed up. That is, I do not display svg in the insert according to the sizes specified in css.
I wanted to follow the example of this: https://codepen.io/sdras/pen/azEBEZ
And here is what I get:
How to save so that only the first Persian is included in the size. To work with a vertical offset?