Background-position: The purpose of the Position Background is that this property will set the starting position of a background image. This property has many values that allow you to specify where to position, such as left or right top, center, bottom, top, or even the center. You can also use percentages with the first value being the horizontal Position and the left value being the vertical (Ex: x% y%)
Background-attachment: The purpose of this property is to set whether you would like a background image that will scroll with the rest of the page or is to be fixed. The fixed value determines if you would like an image that will not scroll with the rest of the page. If you would like it to scroll then you can add the scroll value but this property has other values such as local, which the image will scroll with the elements contents, initial which sets the property to its default value and inherit which will inherit this property from its parent element.
Background-size: The purpose of this property is that it will specify the size of your chosen background image. The values of this property contain "auto" which is the default value which will display the image in its original size. "Length" will set the width and height of the background image the first value being the width and second being the height. You can do something similar with the "Percentage" value. "Cover" will resize the background image to cover a container. "Contain" will resize the background image to make sure it is fully visible and inherit will inherit the property from its parent element.
The CSS background images can be positioned to the specified edge using a 3 to 4 value syntax such as "background position: right 10px bottom px" This is supported by most browsers.
Multiple stack order: When using multiple background-image sources but also want to include the background-color, the color value needs to be last on the list when you are stacking.
Overall, the background property is a very important tool when working with css as it allows multiple values that help you shift, resize, adjust, or create background images for a more presentable webpage.