.al-hero-header { background-image: linear-gradient(to right, rgba(210, 210, 210, 0.2), rgba(216, 216, 216, 0.2)), url(../img/Portades_HOME.jpg); background-size: cover !important; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
El problema viene que cuando se ve desde ipad o desde cualquier móvil, la re-dimensión a otros dispositivos parece como si el fondo no estuviera en cover si no en auto.
Desde pc se ve bien, con las herramientas de desarrollador o desde las diferentes paginas para ver responsive, pero es abrirlo en ipad por ejemplo y no se ve como toca o desde el móvil ver las re-dimensiones y se ve mal también.