Size

Allows you to select your image block's height and width.

Height

The Height property allows you to specify the height of the image.

Modify height

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Size tab

5. Find the Height property

6. Enter or adjust desired height

Remove height

1. Select a gallery block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Size tab

5. Find the Height property

6. Click dot to reset

Width

The Width property allows you to specify the width of the image.

Modify width

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Size tab

5. Find the Width property

6. Enter or adjust the desired width value

Remove width

1. Select a gallery block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Size tab

5. Find the Width property

6. Click dot to reset

Object Fit

The Object Fit property is used to specify how the image block is to be resized in order to fit its container.

Contain Makes the image keep its aspect ratio, but resizes it to fit within the given dimension.

Cover Makes the image keep its aspect ratio, making it fill the given dimension, essentially clipping it to fit.

Fill Resizes the image to fill the given dimension. If needed, the image will be stretched or squeezed to fit.

Inherit Inherits the object fit property, if set by parents.

Initial Sets the image to its default value.

None Does not resize the image.

Revert Reverts the image to its default size.

Scale-down Either inherits properties of the none value or contains a value.

Unset Reverts the image to its default size.

Object Fit

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Size tab

5. Find the Object Fit property

6. Choose required fit in the dropdown (Contain, Cover, Fill, Inherit, Initial, None, Revert, Scale-down, Unset)

Object Position

The Object Position property allows you to adjust the position of your Image either visually (bottom left, top right etc) or using precise measurements (px etc).

Object Position

1. Select an image block

2. Open the Block Inspector

3. Navigate to the Primary tab

4. Open the Size tab

5. Find the Object Position property

6. Choose required position