Flexible Image + Text Overlap

Create layered visual layouts where text and images work together instead of sitting in separate blocks. Flexible Image + Text Overlap is ideal for hero moments, quote callouts, product storytelling, profile features, and branded lesson sections. Designers can position layers precisely, control canvas dimensions, and create a more custom editorial composition while still keeping content accessible.

The starting layout ships with three layers. Add or remove layers to fit your composition.

For each layer, add text or an image. Place it horizontally and vertically, set its width, then nudge its position.

Add alt text to an image, or mark it decorative.

Pick Flexible Image + Text Overlap when text and imagery need precise, layered placement on one canvas.

• Use Text on Image when one photo, diagram or screenshot needs floating text boxes.
• Use Text with floated images when you need freeform rich text with images placed anywhere.
• Use Columns when learners should compare or scan separate content blocks.