# Background The `auro-background` element is an easy-to-use mobile-first alternative to writing custom CSS for background colors or images with automatically scoped media queries. Use independently or in the slot of another custom element such as `auro-banner`. ## Use Cases The `` element should be used in situations where users may: * Need to apply a background image or color to a specific section of content * Require responsive background images that change at different breakpoints ## Example(s) ### Basic

View all destinations

See where we fly

See code ```html

View all destinations

See where we fly

```