Images with text overlay

Images with Text Overlay is a section that includes multiple images arranged in a flexible layout. When users hover over an image, it expands to show the full image with a smooth hover effect.

1. Add media

To add an image for each block, go to the Image with Text Overlay block and upload your image there.

2. Align heading

To adjust the heading position, go to the Section Header settings.

3. Align content

To change the position of the content inside the image, go to Section Settings → Content Position.

4. Add overlay

To add or adjust the overlay effect on hover, go to Section Settings → Backdrop Overlay on Hover.