CSS keyframe doesn't work on latest safari on mac and ios

I have tried adding -webkit- but still, doesn’t work

#spin {
  color:red;
}
#spin:after {
  content:"";
  animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { content:"ipsum"; }
  10% { content:"dolor"; }
  20% { content:"sit"; }
  30% { content:"amet"; }
  40% { content:"consectetur"; }
  50% { content: "adipisicing"; }
  60% { content: "elit"; }
  70% { content: "Hic"; }
  80% { content: "atque"; }
  90% { content: "fuga"; }
}

@-webkit-keyframes spin {
  0% { content:"ipsum"; }
  10% { content:"dolor"; }
  20% { content:"sit"; }
  30% { content:"amet"; }
  40% { content:"consectetur"; }
  50% { content: "adipisicing"; }
  60% { content: "elit"; }
  70% { content: "Hic"; }
  80% { content: "atque"; }
  90% { content: "fuga"; }
}

Link to original code snippet: https://codepen.io/pigne/pen/XXNrGj