How to improve png display quality on mobile devices?

Question

css

Such is the problem.
There is a 100% normal high-quality png-frame. Let's take this one as an example .
Let's see how it is displayed in the browser:

And here is how it is displayed through the browser of a mobile phone:

As you can see, there is a "soap" effect.
The question is why is this happening and can anything be done about it?

Answer 1

If I understand the question correctly, you need to make the png resolution two to two and a half times higher and set the desired size in css