Overlapping images

Overlapping images is a dynamic tool that empowers you to merge images, text, and buttons creatively. Whether you want to narrate a story, exhibit products, or emphasize critical details, this section provides the means to do so.

Section settings

Settings	Type	Description
Layout
Text position	select	Sets the layout alignment of the text block: Left or Right.
Text alignment	select	Aligns text within the text block: Left or Center.
Images
Width	range	Width of the overlapping image container.
Offset	range	Distance of image overlap offset.
Image	image_picker	Upload for first image.
Image link	url	Optional link for first image.
Second image	image_picker	Upload for second image.
Second image link	url	Optional link for second image.
Hide second image on mobile	checkbox	Option to hide the second image on mobile devices.
Text
Subheading	text	Optional small heading above the main title.
Heading	richtext	Main heading.
Heading size	range	Adjusts heading size.
Highlight
Type	select	Visual decoration for emphasized words: Underline, Squiggle, Highlight, and etc.
Highlight color	color	Color used for highlights.
Text color	color	Sets color of the highlighted text.
Description	richtext	Rich text description area for content or storytelling.
Text size	range	Adjusts the size of the description text.
Button
Text	text	Button label text.
Link	url	URL the button links to.
Color	select	Button color: Primary, Secondary, White, or Black.
Button style	select	Visual style: Solid, Outline, Soft, and etc.
Size	select	Size of the button: Small, Medium, or Large.
Video button
Text	text	Label for the video button.
Video popup link	text	Video source URL (YouTube, Vimeo, or MP4).
Colors
Background color	color	Section background color.
Overlay gradient	color_background	Optional gradient overlay.
Scroll animation
Animation direction	select	Motion direction of scroll animation: Horizontal, Vertical, or Diagonal.
Intensity	range	Animation strength.
Section spacing
Width	select	Section width: Full width padded or Page width.
Padding top	range	Top spacing of the section.
Padding bottom	range	Bottom spacing of the section.