Responsiver Header-Hintergrund

Ich entwerfe grade ein Design, dass ein großen Hintergrund als Titelbild verwendet. Ich würde gerne, dass der Hintergrund auf dem mobilen Gerät genauso aussieht wie auf dem PC. Ursprünglich wollte ich, das mit unterschiedlichen Grafiken über Media queries lösen. Das ist jedoch nicht zufriedenstellend.

Ich habe dieses Beispiel gefunden kann die Umsetzung aber nicht ganz nachvollziehen.

https://www.polygon.com/2020/7/2/21310…meplay-opinions

#header {
background-image: url(images/background.jpg);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
height: 450px;
}

Durch background-attachment: fixed; + background-size: cover; verhält sich der Hintergrund so wie ich es mir vorstelle außer dass das Hintergrundbild gezoomt dargestellt wird. Gibt es eine Lösung dafür ?