问 如何在不缩小宽度的情况下居中显示SVG图像

EN

在我的三个块中，我有一个svg图像，但是我有这样的图像：

.rating {
text-align: center;
background-color: var(--light-grayish-magenta);
color: var(--very-dark-magenta);
font-weight: 700;
border-radius: 7px;
max-width: 26em;
margin-left: auto;
margin-right: auto;
.rating::before {
content: '';
width: 5.625em;
height: 1em;
display: block;
background-image: url(images/icon-star.svg);
background-repeat: space;
}

我有一个@media查询集。

@media screen and (min-width: 21.885em) /* breakpoint 350px phones ---> tablets */ {
.status {
    max-width: 20em;
    margin-left: auto;
    margin-right: auto;
    .rating {
    padding: 0.9em;
    .rating::before {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 7px;
    display: block;