Проблема с отображением изображений Safari ⇐ CSS

[Anonymous]

Я создал веб-сайт, изображения на котором правильно загружаются во всех известных браузерах, кроме Safari. В Safari некоторые изображения загружаются следующим образом:


Но фактическое отображение изображения должно быть таким:


Код изображения такой:

Код: Выделить всё

[img]https://subDomain.gumlet.io/fetch/https%3A%2F%2Fstorage.googleapis.com%2Frest_api_pictures%2F2022%2F06%2Fd10fd990-sale1024x617.jpg?width=413&height=249&pdr=1[/img]
    >

(URL-адрес изображения в приведенном выше фрагменте изменен по соображениям безопасности. Я сохранил URL-адрес только потому, что изображения автоматически обрезаются/изменяются в размере с помощью службы gamlet)
А стили такие:

Код: Выделить всё

figure {
margin: 0;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
unicode-bidi: isolate;
}

.wp-block-image img {
display: block;
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
}

img[Attributes Style] {
width: 1024px;
aspect-ratio: auto 1024 / 617;
height: 617px;
}

img {
overflow-clip-margin: content-box;
overflow: clip;
}

Любая возможная помощь будет ценна, поскольку я не являюсь опытным пользователем Mac и не знаю, какие возможные хаки могут потребоваться для браузера Safari.
Видите ли вы какие-либо ошибки в моих стилях? Есть ли какой-нибудь хак, который мне следует применить?

Подробнее здесь: https://stackoverflow.com/questions/793 ... play-issue