Display background-image in mobile version of Safari?

Question

css

The problem is this:
The mobile version of safari does not display images added via the background-image css property .
By default, I apply the following properties to the block:

background-image: url(*собственно ссылка*);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;

It works everywhere, but not on safari. How to fix it?

Answer 1

You have included WebP images. Safari does not support this resolution. It is necessary either through jpg / png, or write a script for webp.