.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.