Исчез кусок текста в мобильных устройствах Iphone

 background-image: -o-linear-gradient(343.41deg, #6f72d9 2.24%, #2ad1ab 89.64%);
  background-image: linear-gradient(106.59deg, #6f72d9 2.24%, #2ad1ab 89.64%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent

html:

<h1>Текст <span>текст с градиентом</span></h1>

эти свойства прописаны тексту, который неправильно отображается только в мобильной версии, слово которое переносится на следующий абзац, просто исчезает, как решить эту проблему?