Question/Guidance with SVG text issues on other browsers

Hello, and hope you have a great day!
Issues is with SVG text on Opera, Chrome, Edge it looks jagged. Firefox displays everything perfectly only thing on other browsers i have seen inspecting is shown
:not(svg) {
transform-origin: 0px 0px;

but haven`t really succeeded in using transform-origin for my svg.
Does anyone know where this issue comes from or how to fix it.

My svg text were tested on all mentioned browsers on and and only Firefox returned quality text.

SVG Code Example: