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

• Layout: Allow you to adjust the text position relative to the images, with options to place the text on the left or right. Additionally, text alignment lets you control the positioning of the text, offering options to center it or align it to the left.

• Images: Adjust the image width, and set the image offset, from 30px to 150px. You can upload the Image and second image, along with providing respective Image links. Additionally, there's an option to Hide the second image on mobile, which is disabled by default.

• Text: Add a subheading and customize the heading. You can also adjust the heading size.

• Highlight: Style specific words in the heading with choices like Italics, highlight, underline, squiggle, circle, stroke, or an alternate font, and customize the highlight color and text color. Add a description paragraph and adjust the text size.

• Button: Let you customize the button text, link, color, style, and size.

• Video button: Allows you to customize the video text and set the video link for a popup, supporting YouTube, Vimeo, or MP4 files.

• Colors: Choose a background color for the section and add an overlay gradient to enhance the visual effect.

• Scroll animation: Allow you to choose the animation direction and adjust the animation Intensity, ranging with a default of 50%.