Центрирование изображения после или перед псевдоэлементом ⇐ CSS

[Anonymous]

Я застрял на этом! Я пытаюсь добавить изображение 5 звезд на слайдер отзывов на Shopify. Я поиграл с CSS и масштабировал изображение до нужного размера, отрегулировал интервал и т. д., но не могу добиться идеального центрирования. Мой текущий код:

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

.prose::after {
content: url('https://cdn.shopify.com/s/files/1/0780/3689/3975/files/5_star_png.png?v=1713317867');
display: flex;
width:10px;
height:20px;
transform: scale(.12);
margin-block-start: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
justify-items: center;
align-content:start;
}

И изображение ниже! Любые советы очень ценятся.


Пытался настроить отображение, изменить содержимое на фон и т. д. Я самоучка, но новичок в этом, помогите!!

Подробнее здесь: https://stackoverflow.com/questions/783 ... do-element