> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/concept-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/concept-documentation/section/instagram/block-image.md).

# \[Block] Image

1. Select the **instagram** option from the theme editor.
2. Click on **Add block**. Select **Image** from **Theme Block** dropdown.

<table><thead><tr><th width="238">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Set up an image</td></tr><tr><td>Link</td><td>Set the link, for example the customer service page</td></tr></tbody></table>

#### Floating

*<mark style="color:red;">Only use for option</mark> <mark style="color:red;"></mark><mark style="color:red;">**'Floating'**</mark>*

<table><thead><tr><th width="238">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Width image</td><td>Determines the image width of the block. Can be from <strong>100px</strong> to <strong>500px</strong>, in <strong>10px</strong> arithmetic increments</td></tr><tr><td>Height image</td><td>Determines the image height of the block. Can be from <strong>100px</strong> to <strong>500px</strong>, in <strong>10px</strong> arithmetic increments</td></tr><tr><td>Block corner radius</td><td>Determines the corner radius of the block. Can be from <strong>0px</strong> to <strong>50px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>

*Image position*

<table><thead><tr><th width="238">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Vertical position</td><td>Determines the horizontal position of point. Can be from <strong>0%</strong> to <strong>100%</strong>, increasing arithmetically of <strong>1%</strong></td></tr><tr><td>Horizontal position</td><td>Determines the vertical position of point. Can be from <strong>0%</strong> to <strong>100%</strong>, increasing arithmetically of <strong>1%</strong></td></tr></tbody></table>

*Animations*

<table><thead><tr><th width="240">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image behavior</td><td><p>Select the image behavior from the dropdown menu:</p><ul><li><strong>None</strong></li><li><strong>Float up</strong></li><li><strong>Float down</strong></li><li><strong>Float left</strong></li><li><strong>Float right</strong></li></ul></td></tr><tr><td>Speed ​​animation</td><td>Determines the time to animation. Can be from <strong>0.1s</strong> to <strong>1s</strong>, increasing arithmetically of <strong>0.1s</strong> (second)</td></tr></tbody></table>