Image with ion's 'responsive background' setting enabled.
Position: top left.
This image will anchor to the top left and preserve it's aspect ratio.
Full image is below for reference. Please scale screen to see how background-size: cover will fill 100% of the width of this container while also ensuring the image isn't stretched.
Image without ion's 'responsive background' setting enabled.
Position: top center
This image will anchor to the center left and preserve it's aspect ratio.
Full image is below for reference. This will not scale to the browser window, and will stay static at the image's full size of 1024x683
Image with ion's 'responsive background' setting enabled.
Position: top left.
Max-width: 960px applied to the container so that when a window is larger than 960px, the background shows.
This image will anchor to the top left and preserve it's aspect ratio.
Full image is below for reference. The background size will scale to the browser window below 960px. Above 960px, white space will appear evenly on both sides of the image.