Image plus text
Highlight an important benefit, feature, product, or service using text, buttons, and a large image that can extend beyond the page center. Add multiple sections and alternate image and text positions to create visual flow, while keeping a consistent order on mobile.
Live Preview| Use case | Highlight key benefits with an image and text. |
| Page speed impact | Low, unless very large unoptimized images are used without lazy loading or heavy content is added (images, videos, CTAs), which may result in Medium or High impact. If the image is the LCP, disable lazy loading. Optimize images with TinyPNG. |
| Available in pages | Yes |
| Reserved block class | img-txt |
| Relevant files | css/components/image-plus-text.css |