> 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/lookbook/image.md).

# Image

Use this block to set the main image for the section.

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

**Image ratio**\
Change the image size using one of the options in the drop-down. The corresponding settings will be shown after selecting the relevant option:

* **"Adapt to media"**. Displays the image in its original aspect ratio.
* **"Fixed height"**. This option sets the image size in pixels by establishing the parameters on the **"Height"** scale. The height can be adjusted between 100 and 1000 pixels.
* **"Aspect ratio"**. Select the option to adjust the image height as a percentage using the "Proportion" scale. The parameters can be changed from 10% to 150%.

**"Aspect ratio"** indicators:\
\*100% = Square image\
\*Less than 100% = Landscape\
\*More than 100% = Portrait\
16:9 = 56, 4:3 = 75, 3:2 = 67, 2:1 = 50, 1:1 = 100, 9:16 = 175, 3:4 = 133, 2:3 = 150, 1:2 = 200.

### Animations

**Image behavior**\
Add dynamic motion to a static image by selecting one of the options:

* **"None"**. Disables smooth image motion.
* **"Ambient movement"**. The option adds a slight circular movement to an image.
* **"Zoom in out"**. Creates a smooth zoom-in and then zoom-out effect on the image.
* **"Zoom out in"**. Applies a zoom-out effect followed by image enlargement.

**Enable mobile settings**\
Activates mobile settings. The options below take precedence on mobile devices.

**Image ratio**\
Change the image size using one of the options in the drop-down. The corresponding settings are shown after selecting the relevant option:

* **"Adapt to image"**. Displays the image in its original aspect ratio.
* **"Proportion"**. Select the option to adjust the image height as a percentage using the corresponding scale. The parameters can be changed from 10% to 80%.

**"Proportion"** indicators:\
16:9 = 56, 4:3 = 75, 3:2 = 67, 2:1 = 50, 1:1 = 100, 9:16 = 175, 3:4 = 133, 2:3 = 150, 1:2 = 200.

* **"Fixed"**. This option sets the image size in pixels by establishing the parameters on the **"Fixed height"** scale. The height can be adjusted between 100 and 500 pixels.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FrtPhVJB7IyAoOCgUNuiE%2Flookbook_image.png?alt=media&amp;token=089277f4-1ff0-497a-8cc2-339197b525f9" alt=""><figcaption></figcaption></figure>