Background image of page not fill in small screen size

Tell us what’s happening:
I used “background” properties inside the body element in the CSS file in order to add a background image and its work. But in inspection, when I turned the size to the small screen background image doesn’t fill the background. Help me, please.
Your code so far

body{

background: url("nem.jpg");
background-repeat: no-repeat;  
background-blend-mode: multiply;
color: white;
background-attachment: fixed;
background-size: auto;

}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36.

Challenge: Build a Product Landing Page

Link to the challenge:

@faiz.ahm7277 Try this code given below or give link to your codepen. So that,we can help you correctly. :slightly_smiling_face:

background-position:fixed;
background-size:cover;