Background
Basically, the background color palette was increased and several responsive utilities were added.

State backgrounds inspired from Bootstrap alerts and can be used to identify block state.

This utility implements background-size: contain css style which can change size of background image to scale the width and height in an element.

Mostly used for creating full width hero headers with background image and implements background-size: cover css style.