CSS: Animation Typing Cursor läuft weiter

Servus zusammen,

ich habe mich mal mit der CSS Animtion Typing beschäftigt. Hat auch soweit geklappt, jetzt habe ich aber das Problem, nachdem ich die Position des Textes angepasst habe, dass der Cursor am Ende nicht mehr stehen bleibt, sondern bis zum Ende des Screens durchläuft und erst dann ans Ende des Textes springt. Bevor ich die Position verändert habe, ist der Cursor wie gewollt am Ende stehen geblieben ^^

Hat hierzu jemand vielleicht eine Idee ? Wäre ich sehr dankbar für.

.typewriter {
    font-family: Courier, monospace;
    display: inline-block;
    justify-content: center;
}

.typewriter-text {
    display: inline-block;
    overflow: hidden;
    letter-spacing: 2px;
    animation: typing 5s steps(15, start), blink .75s step-end infinite;
    animation-timing-function: linear;
    white-space: nowrap;
    font-size: 30px;
    font-weight: 700;
    margin:auto;
    margin-top: 200px;
    margin-left: 600px;
    border-right: 4px solid orange;
    box-sizing: border-box;
}