# Compare image

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

In this section, you can add before and after images to create a visual comparison between two images.

{% hint style="info" %}
**Recommendation Size**\
Compare image size: 1920x600
{% endhint %}

<table><thead><tr><th width="282">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title in the section.</td></tr><tr><td>Heading size</td><td><p>Following is the font size customization of the heading of the section.</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul></td></tr><tr><td>Heading color</td><td><p>In this section, you can change the background and foreground color of a heading using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Before image</td><td>Use "Before image" to add the image to the section.</td></tr><tr><td>Enable overlay on Before image</td><td>By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Overlay on Before image" setting to increase or decrease the opacity level of the overlay on the image.</td></tr><tr><td>Overlay color</td><td>You can customize the overlay color of the before image by using the overlay color option.</td></tr><tr><td>Opacity</td><td>By enabling this checkbox, you have the ability to change the opacity of the image overlay. Modify the "Opacity" setting to increase or decrease the opacity level of the overlay on the image.</td></tr><tr><td>After image</td><td>Use "After image" to add the image to the section.</td></tr><tr><td>Desktop image height</td><td>"Desktop image height" is used to change the size of the section images. You can give the minimum height "400px" and maximum height "600px" of the banner.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr></tbody></table>

<figure><img src="/files/8tlIlLN7IHBVff0ezWT3" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://webibazaar.gitbook.io/veena-documentation/sections/compare-image.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.