We regularly get support tickets asking why a background image is cropped or zoomed in. So here’s some information on how background images work to help explain those situations when a background image doesn’t look like you expect it to.
It all starts with the concept of image aspect ratios. This is the relationship between the width and height of an image. So if an image is 1200px by 800px, it has a 3:2 aspect ratio, in that if its length were 3, its height would be 2.
In this document we will look at adding background images to container and then columns.