[SVG] Why is the svg in the background image fuzzy in IE?

Question

HTML

The whole point is in the picture.
If we insert SVG through background-image, it becomes blurry, fuzzy.
We insert through -img- , everything is displayed normally.
Browser IE 11 .
How can I fix background-image so that the image is crisp?
PS: I've been struggling for an hour, I can't solve the problem (((
UPDATE: I solved the problem. In my layout for the div
container where the background image was svg , the border-radius was used . It is in it that the whole problem. Moreover, it lathers not only svg , but and normal png/jpg .This is a clear bug in the donkey (IE11), it is enough to apply the border-radius: 0 rule for the donkey;
and images become clear.

Answer 1

The answer is simple: background-image cannot be fixed in any way until the IE developers themselves fix this bug. The problem occurs most often if relative units are used (both in the container containing the svg and in the svg itself). So either use absolute units (not sure if the problem goes away) or inline svg.

Answer 2

Also faced this problem.
Used rem with high precision, like background-size:1.56789rem;
The solution is to round up to tenths. background-size:1.5rem;