¿El iPhone no muestra correctamente el área de la imagen en el sitio. Por qué?

Hola :waving_hand:

No lo he probado, pero me parece que lo causa background-attachment: fixed;

En el código que compartiste arriba hay:

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

Lo que significa:

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

¿Es background-attachment: fixed; necesario en este caso?

Quiero decir, creo que probablemente crea una especie de efecto parallax. Pero esta no es la mejor solución para eso… ya que no tiene mucho soporte y tal vez no sea necesario para tu caso de uso.