Home banners (heroes) stretch across the entire width of the browser window (1920px) and should be no less than 400px in height. The default breakpoint for the home banner copy is set at 992px and can be overridden by a per-site stylesheet.
hero-images div can contain either a single static image or a slideshow shortcode created with MetaSlider.
Home Banner with Static Image
Home Banner with MetaSlider
The same code is used as above, but the
<img> tag is replaced with the MetaSlider shortcode. Images should use the same dimensions as above when placed into the MetaSlider, and the slider should be set to those dimensions.