Положение нескольких фоновых изображений Google Chrome ⇐ CSS

[Anonymous]

Я хотел бы отображать несколько фоновых изображений в одном элементе.
Моя реализация выглядит следующим образом: (с использованием начальной загрузки)

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

Exportable

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

.list-group-item-action.left-icon {
background-image: var(--icon-auto-url), var(--list-group-action-icon);
background-position-x: var(--list-group-icon-padding-x), right var(--list-group-icon-padding-x);
background-position-y: center;
}

Это работает должным образом в Safari, но не в Chrome. Есть идеи, что я делаю не так?
Safari:
[img]https://i .sstatic.net/8VvV0NTK.png[/img]

Google Chrome:



Подробнее здесь: https://stackoverflow.com/questions/785 ... s-position