Choose the image, adjust the size using the drag handles or the Metrics inspector and enter alt text for SEO.
Add padding if required and set the background color.
For a border, set the width, color and corner radius. Note that the larger the value of the corner radius the more padding has to be added.
Set the box shadow radius and color if required.
Choose the animation type. "Opacity" has a fade effect and "height" and "width" have an elastic effect.
Enter the image ID. This should be an alphanumeric string with no spaces or special characters.
It can be as simple as img-1, img-2 etc.
NOTE that this same ID must be entered into the widget settings of the corresponding button widget.
The "Display" checkbox is checked by default. Leave it checked if the image is to appear on page load or uncheck it so that the image does not appear on page load and requires the button to be toggled to reveal it.
Drag the widget into the required position on the design canvas and use the "Arrange" menu to bring it to the front of any items it covers or overlaps.