CSS'de yanlış yer neresi; daktilo animasyonu

<h19>daha başarılı </h19>
<h18><span></span>.</h18>

<style>
    h18::before {
    content: 'shopify';
    animation: typing 12s steps(200, end), /* # Adımlar = # Karakter Sayısı */
               blink-caret 0.5s step-end infinite alternate;
    

    
}
@keyframes typing { from { width: 0; } }
@keyframes blink-caret { 50% { border-color: transparent; } }



@keyframes typing {
    0%{
        content: 'shopify websiteleri  ';
    }
    20%{
        content: 'google ads ';
    }
    40%{
        content: 'instagram ';
    }
    60%{
        content: 'facebook ';
    }
    100%{
        content: 'e-ticaret ';
    }
    




}
h18 {
           background-image: linear-gradient(135deg,#8a0086,#920481 8%,#9b097c 18%,#a00c79 23%,#a91174 32%,#b1166f 41%,#bc1d68 53%,#c72361 65%,#d2295b 76%,#df3153 90%,#e9364e 100%,#f27121);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 35px;
    line-height: 15px;
 
    text-align: center;
    align-items: center;
    font-family: "Inter", Sans-serif;
    font-weight: 500;
    
    
    
}
h19 {
    color: white;
    font-size: 35px;
    font-family: "Inter", Sans-serif;
     font-weight: 500;
}


</style>

var text = "shopify websiteleri, google ads, instagram, facebook, e-ticaret";
var delay = 2000; // 2 seconds
var textArray = text.split(", ");
var index = 0;

function typingEffect() {
  if (index < textArray.length) {
    document.getElementById("text").innerHTML += textArray[index] + ", ";
    index++;
    setTimeout(typingEffect, delay);
  }
}

typingEffect();

#text {
  background-image: linear-gradient(135deg, #8a0086, #920481 8%, #9b097c 18%, #a00c79 23%, #a91174 32%, #b1166f 41%, #bc1d68 53%, #c72361 65%, #d2295b 76%, #df3153 90%, #e9364e 100%, #f27121);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 35px;
  line-height: 15px;
  text-align: center;
  align-items: center;
  font-family: "Inter", Sans-serif;
  font-weight: 500;
}