Background
Background Repeat
Utilities for controlling the repetition of an element's background image.
Basic usage
Auto
Use bg-auto to display the background image at its default size.
<div className="**bg-auto** bg-no-repeat bg-center ..." style="background-image: url(...)"></div>
Cover
Use bg-cover to scale the background image until it fills the background layer.
<div className="**bg-cover** bg-center ..." style="background-image: url(...)"></div>
Contain
Use bg-contain to scale the background image to the outer edges without cropping or stretching.
<div className="**bg-contain** bg-center ..." style="background-image: url(...)"></div>