Image box

Image box with a caption that includes a title and description, which can appear on hover. Useful for listing features, services, or products when quick additional context is needed. You can add a single box or multiple boxes arranged in rows, columns, or a slider.

Live Preview
Use caseImage boxes with captions for features, services, or products.
Page speed impactLow, unless very large and unoptimized images are used without lazy loading. May be Medium above the fold, depending on image size and count. If your card is the LCP, disable lazy loading for your image. Optimize images with TinyPNG for better page speed.
Available in pagesYes
Reserved block classimage-box
Relevant filescss/components/image-box.css

Quick demo


Good to know