Imagen web no se ve correctamente en iOS

Estimados.

Estoy armando un pagina web para un proyecto personal. Esta pagina tiene una imagen de portada en un div que ocupa todo el ancho de la pantalla.

Mi problema aparece cuando ingreso a esta pagina desde un iPhone, la imagen no se visualiza correctamente. Solo se ve una parte de la imagen, como si esta no se redimensionara correctamente en la pantalla.

Lo curioso es que pasa solo en iPhone. Desde la mac, abriendolo en cualquier explorador emulando la pantalla de un telefono se ve correctamente, lo mismo pasa cuando veo la pagina desde un movil con Android. El problema solo aparece en iPhone y no logro saber que pasa.

Dejo unas capturas para que revisen el codigo.

Css con la imagen de fondo:

Css responsive:

index html: