Responsive Background Image Css Tricks W3Schools : The term responsive images has come to mean responsive images in html, in other words, the srcset and sizes attribute for <img> and the <picture> element.

Resize the browser window to see the responsive effect if you want the image to scale both up and down on responsiveness, set the css width property to 100% and height to auto