Description

The pieces Image Comparison #01 to #03 share a similar structure. To modify both images and achieve the comparison, you must locate them in the Structure Panel by following these paths:

• First image: Placeholder Overlay → Figure → Picture → Image
• Second image: Placeholder → Figure → Picture → Image

Once located, simply select and replace the images as needed.

How to Change Images in the Comparator

To modify the comparator images in the Structure Panel, follow these steps:

<aside> <img src="/icons/report_gray.svg" alt="/icons/report_gray.svg" width="40px" />

Don't forget to Sign Code for the "Input Range Code" element, located at:

*Comparison → Wrapper → Input Range Code*

</aside>

Modify the First Image

1. Go to:

   Placeholder Overlay → Figure → Picture → Image

2. Select the image within this section.

3. Replace it with the desired new image.

Modify the Second Image

1. Go to:

   Placeholder → Figure → Picture → Image

2. Select the image within this section.

3. Replace it with the desired new image.

<aside> <img src="/icons/flash_gray.svg" alt="/icons/flash_gray.svg" width="40px" />

Make sure that the images are the same size so that the comparison is displayed correctly.

</aside>