iPhone não mostra área de imagem corretamente no site. Por quê?

Olá :waving_hand:

Não testei, mas parece que a causa é background-attachment: fixed;

O código que você compartilhou acima tem:

.title-container {
  background: no-repeat center/cover fixed;
}

O que significa:

.title-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; // isso causa o problema
}

O background-attachment: fixed; é necessário neste caso?

Quero dizer, acho que ele cria um tipo de efeito parallax. Mas esta não é a melhor solução para isso… pois não é muito suportado e talvez não seja necessário para o seu caso de uso.