> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup/image.md).

# Image

Add the following block to use an image in the popup.

**Image**\
Press **"Select"** to upload the necessary media for all screen sizes.

**Use as background**\
Enable the option to display a background image.

{% hint style="success" %}
An example of the pop-up with a background image can be viewed on the [<mark style="color:blue;">DEMO</mark>](https://unicorn-theme-sunny.mpthemes.net/).
{% endhint %}

### Media overlay

**Enable**\
Turn on the option to display the corresponding settings.

**Opacity**\
Adjust the transparency of an image color overlay using the scale, which ranges from 0 to 100%.

**Type**\
In the picker, select one of the options: "Background" or "Gradient".

**Background**\
Select the option and change the image overlay color by specifying it in the corresponding picker. By default, the color is set to transparent.

**Gradient**\
Select the option to display the related color picker. Then, apply an image overlay color using the gradient vector. Read details on how to use the option [<mark style="color:blue;">here</mark>](/unicorn-shopify-theme/dynamic-theme-sections.md#image).

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FVr2K0yoKwfAPlZmkO353%2Fpopup_image.png?alt=media&amp;token=60ec9dea-155b-40c1-9fb4-0299af52c3e5" alt=""><figcaption></figcaption></figure>