Image

The Image block allows you to showcase visual content in your flexible section. You can upload images for both desktop and mobile, set an aspect ratio, apply custom sizing, and link the image to a specific destination.

General settings

Setting	Description
Image	The primary image to be displayed on desktop screens and larger devices.
Mobile image	An optional image to display specifically on mobile screens for better optimization and viewing experience.
Link	The URL the image navigates to when clicked.
Aspect Ratio	Defines the shape of the displayed image: Adapt (Default — maintains the original image ratio) Square Portrait Landscape.

Size

These settings control the dimensions the image block occupies within the section.

Setting	Applies To	Description
Width	Desktop	Defines the width of the image block on larger screens: Fit (Size determined by image/content) Fill (Expands to fill available space) Custom (Allows setting a specific percentage width).
Custom Width	Desktop	Only visible when Width is Custom. Use the slider to set a specific block width, measured in percentage (%) (Range: 0% to 100%).
Mobile Width	Mobile	Defines the width of the image block on smaller screens: Fit, Fill (Default), or Custom.
Custom Mobile Width	Mobile	Only visible when Mobile Width is Custom. Use the slider to set a specific block width on mobile, measured in percentage (%) (Range: 0% to 100%).
Height	Both	Defines the height behavior of the image block: Fit (Default — height determined by content/ratio) Fill (Expands vertically to fill available space).
Corner Radius	Both	Controls the rounding of the image block's corners. Options include: Inherit (Default — adopts the Theme settings's radius), None (Sharp corners) Custom (Allows you to set a specific radius).
Custom Radius	Both	Only visible when Corner Radius is Custom. Use the slider to set a specific corner radius for the image block, measured in pixels (px) (Range: 0px to 100px).

Sizing

Setting	Applies To	Description
Image Width	Desktop	Defines the width of the icon or image on larger screens, measured in pixels (px) (Range: 20px to 200px).
Mobile Image Width	Mobile	Defines the width of the icon or image specifically on mobile devices, measured in pixels (px) (Range: 20px to 200px).