# The Image Block: Photos That Line Up And Behave

URL: https://pro.flexablock.com/the-image-block-photos-that-line-up-and-behave/
Published: 2026-07-16T01:09:34+00:00
Updated: 2026-07-17T01:15:14+00:00
Author: admin

# The Image Block: Photos That Line Up And Behave

Drop in a photo and it just fits — locked to the shape you chose and ready to zoom, without a single line of CSS.

## Every photo you upload is a different size

You write a post, drop in three photos, and they land at three different sizes — one tall, one wide, one small. The row looks ragged. So you crop them by hand, or open the theme’s CSS and start guessing at widths until something else shifts out of place. And adding a click-to-enlarge? That usually means yet another plugin.

The Image block handles all of that from the sidebar. Pick a photo, pick how it should look, and it holds that look on every screen.

Lock every image to the same shape — 16:9, square, whatever you choose — so rows never come out ragged.

Crop a photo into a circle, hexagon or blob right in the editor — no image software needed.

Turn on click-to-zoom and visitors open the full-size shot in a lightbox — no gallery plugin.

Add a hover zoom, a colour overlay and a caption that sits neatly on the image.

Plus the usual spacing, border and responsive controls, so it fits your layout instead of fighting it.

Setting one up takes a moment. Drop the block in, choose an image, then flip on an aspect ratio, a shape or the lightbox from the panel on the right — the preview updates as you go. No CSS, no shortcode, nothing to memorise.

## See the Image block in action

Each image below is the same block with one setting changed. Scroll through and watch what each control does.

**Aspect ratio locked to 16:9, with a hover zoom.** The photo fills a fixed frame no matter its original size, and lifts in a little closer when you point at it.

![A cyclist in motion on an open road](https://pro.flexablock.com/wp-content/uploads/2026/07/pexels-pachon-in-motion-426015731-30547594-scaled-1-1-1024x540.jpg)

**Cropped to a circle.** The same kind of photo, masked into a shape right in the editor — no image software involved.

![A landscape scene cropped into a circle](https://pro.flexablock.com/wp-content/uploads/2026/07/pexels-steve-29022333-scaled-1-1-1024x683.jpg)

**Click to zoom.** Select the image to open it full-size in a lightbox, then close it and carry on reading — nothing else on the page moves.

![A cyclist in motion, opens full-size on click](https://pro.flexablock.com/wp-content/uploads/2026/07/pexels-pachon-in-motion-426015731-30547594-scaled-1-1-1024x540.jpg)

**Overlay tint with a caption on top.** A colour wash and a line of text sit over the image, staying readable against the photo underneath.

![A landscape scene with a tinted overlay and caption](https://pro.flexablock.com/wp-content/uploads/2026/07/pexels-steve-29022333-scaled-1-1-1024x683.jpg)

Shot on location — caption sits right on the image

## Ready to make your images behave?

The Image block ships with Flexa Block. Install the free plugin and it’s waiting in your editor the next time you add a photo.

[Download Flexa Block](https://wordpress.org/plugins/flexa-block/)