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 https://www.w3schools.com/ and https://jsfiddle.net/ and only Firefox returned quality text.

SVG Code Example: