Background Image Position allows you to chose the focus point of your background image. This can save having to crop and resize images and is particularly important when considering how your background image might render across all devices.
MORE ABOUT:
In this example, we see an image of MOBLE's office balcony. On the left-hand side are the residential buildings on the Pyrmont Peninsula, and on the right-hand side is the view over the harbour to the Balmain peninsula.
On Desktop, the full width of the image displays, as the image Fit is set to 'Cover' the full width. Though, how will this look on Mobile?
DESIGNER TIPS:
It's obvious to suggest that it's always a good idea to set your Background Image Position by focusing on the part of the image that is most relevant.
However, on many occasions, you will need text on top of the background image. Once you've added text, you can play with the image position to make your text more legible. In this example, the text works perfectly over the table in the foreground. To make the text even more legible: