[deniscikasov@gmail.com]

<h2>Самое вскусное:<span class="ispan"> </span> </h2>

h2 {
    display: flex;
    justify-content: center;
    color: wheat;
}
.ispan::before {
    content: 'banner';
    animation: animate infinite 10s;
    padding-left: 10px;
}
@keyframes animate {
    0% {
        content: 'Молоко';
    }
    25% {
        content: 'Сыр';
    }
    50% {
        content: 'Творог';
    }
    75% {
        content: 'Мясо';
    }
    100% {
        content: 'Куринные яйца';
    }
}

При изменении контента смещаются другие объекты.
Помогите что бы не изменяли своё изначальное положение