Problema con parallax en proyecto de prácticas de HTML y CSS

Hola a todos, soy nuevo por estos lugares, espero aprender mucho y aportar todo lo que pueda a la comunidad.

Quisiera ver si algun avanzado en css me puede ayudar con un problema con tengo con un paralax que estoy añadiendo a un proyecto que tengo para realizar practicas de HTML y CSS, ya que estoy empezando en el mundo de desarrollo web.

El problema que tengo es, en esta pagina Proyecto , he creado un paralax. El cual en apps de simular moviles y tables se ve bien, pero en el telefono no se ve como en estas apps de simulacion movil/tablet.

Muestro unas capturas para que veais a lo que me refiero.
Las dos primeras son de dos simuladores movil diferentes, uno del navegador y otro externo al navegador, la ultima captura es de mi telefono.

Gracias de antemano!

Ya probaste cambiandole la dimension (2560x1920) a la imagen con CSS @Media Rule al detectar otra dimension?
o el background-attachment y background-size?

Las propiedas que tengo para la imagen son estas

En la dimensión/width del tamaño del celular le puedes cambiar o agregar...

en background otra imagen mas pequeña
en max-width: *px no se dimension tenga

@Media only screen and (max-width: 600px) {
background: url(/img/background4.jpg);
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
}

Eso lo he probado con anterioridad y no me funciono tampoco. ☹️