This property is used when you want to have a background image for your website. In this case the value of the attribute is set to “cover”.
This essentially means that the image would cover the complete width and height of the container. And in case for some reason the image and the container have different dimensions then either the top and bottom parts or the left and right parts which are not covered would be removed. And the Image would be automatically centered.