Este es un proyecto de Next.js y el móvil que se usa aquí es Google Pixel 3a. Tengo un problema en el que mi imagen de fondo no se muestra en páginas más largas. Así es como se ve en las páginas donde la altura no excede la altura de la ventana gráfica

Pero en algunas páginas más largas en las que debe desplazarse para llegar al final, no se muestra en absoluto.

 body { background-image: url("https://via.placeholder.com/500"); background-size: cover; margin: 0; padding-left: 5vw; padding-right: 5vw; height: 100vh; min-height: 100%; width: 90vw; font-family: system-ui; overflow-x: hidden; font-size: 1.3rem; }

Si cambio el tamaño de fondo a automático, funcionará en todas las páginas, pero me gustaría cubrir. Tal vez no entiendo cómo funciona la portada para las páginas en las que se requiere desplazamiento, pero me gustaría que la imagen de fondo se muestre como está en la primera imagen, y si el contenido es más largo que el puerto de visualización, el contenido debería simplemente desplazarse por el imagen sin que la imagen se mueva. Cualquier ayuda es apreciada. Gracias.