We use a consistent image ratio (16:9) across the website to ensure photographs are displayed properly regardless of actual pixel dimension or screen size.
To ensure a high quality representation at multiple sizes, use an image of at least 868px wide. The image will size proportionately based on the container. Do not include image dimensions in mark-up, the CMS will automatically handle image sizing.
Full-width hero images require a minimum width of 1920px and special editorial consideration and planning. Choosing images that have the greatest visual impact and clearly relate to page content. Test hero images to ensure critical parts of the picture are not obstructed by overlapping text boxes.