# Adding a Background Image to Your Header

## Overview

This tutorial provides simple steps to add a background image to the [Avonni Header Component](https://docs.avonnicomponents.com/flow/flow-components/header). This will improve the visual design of your header.

## Result

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FoyMWcAQZfeuu8raXmMD7%2F2023-01-20_08-46-24.png?alt=media&#x26;token=9c007218-abbc-418d-8eb6-52ddefd4f7ec" alt=""><figcaption></figcaption></figure>

## Guided Tutorial

{% @arcade/embed flowId="B8rQ7s6P5DeCKlze5vm2" url="<https://app.arcade.software/share/B8rQ7s6P5DeCKlze5vm2>" %}