CSS não funciona no iPhone (ios)

[Lume]

Prezados,

Eu não entendo de css e estou tendo dificuldades de resolver um código do site que estou montando no wordpress que não está funcionando no iphone.

Pelo desktop e mobile android funciona perfeitamente com ou sem o "@keyframes":

Segue o código se acaso alguém possa me auxiliar, por gentileza:

.elemento {
    border: 0.6vmin solid;
    border-image: conic-gradient(from var(--angle), red, yellow, lime, aqua, blue, magenta, red) 1;
    animation: 6s rotate linear infinite;
}

 

@keyframes rotate {
to {
--angle: 360deg;
  }
}