# Image

Configure **Image** to maintain visual consistency and proper integration with your design.

<table data-full-width="false"><thead><tr><th width="160.79998779296875">Property</th><th>Description</th></tr></thead><tbody><tr><td>Scaling</td><td><p>Select how images fit within their containers:</p><ul><li><strong>Fill</strong>. Image covers the entire container area; may crop portions to maintain aspect ratio</li><li><strong>Fit</strong>. Image displays completely within the container without cropping; may leave empty space</li><li><strong>Stretch</strong>. Image resizes to fill the container, potentially distorting the aspect ratio</li></ul></td></tr><tr><td>Rounding</td><td>Adjust the slider to control the corner roundness of images</td></tr><tr><td>Display border</td><td>Toggle (<strong>Yes</strong>/<strong>No</strong>) to add or remove borders around images</td></tr><tr><td>Image shadow</td><td><p>Add and configure shadow effects for an image:</p><ol><li>Click the "+" icon to add shadow effects.</li><li>Select from shadow styles: <strong>None</strong>, <strong>Soft</strong>, <strong>Regular</strong>, or <strong>Retro</strong>.</li></ol></td></tr></tbody></table>