The image background is largely popular for hero images on websites, image carousels, or article covers. To set an image for a background, we use the background-image property. By default, the image takes the whole element's container, and if it's too small, the browser repeats or tiles the image. The property value should contain a url specifying the image location.