Float image

Float image block

You can add several float images to the banner. Refer to this example to see how float images can be effectively used in the image banner section.

Setting	Description
Image	Click on “Select Image” to access your media library, upload a new image, or explore free images.
Image width	This setting allows you to adjust image width to ensure it aligns well with other components within the section.
Image width mobile	This setting lets you adjust image width on mobile devices separately. It's important for optimizing the visual appearance and layout, as mobile screens have different requirements than desktop screens. Adjustments like decreasing shape width can improve mobile usability.
Image vertical position	The setting enables you to control the vertical position of the image within the section. You can adjust it to place the image wherever it fits best within the layout, ensuring optimal visual balance and alignment with other elements.
Image vertical position mobile	The setting enables you to control the vertical position of the image within the section. Adjustments like changing placement can improve mobile usability.
Hide image on mobile	Mark the checkbox to display the image only on desktop and hide it on mobile devices.
Add box shadow to image	Apply a box shadow effect to the image for added depth and visual appeal.