Standard hero

Sizing is controlled by SASS variables. The basic settings use the image crops for sizing.

Enabling the $hero--fixed-heights variable introduces min, max and height values for the hero area at each breakpoint, with image using 'object-fit: cover' to fill the area.

Standard hero:

Hero image