# Size

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

![](https://lh6.googleusercontent.com/v9NW6VNAyZxSwtFDj_uy_pkbM0LJBGvjmaCfy9v0Yk8KdlEV61IebNHwFp5kJ0Y0HIow0txJiyqGdLcSwuu5LDAfWnwjZnh9NS8oirBduoHGhlHRK8aU4_ZQaecN28phhtp9L79ULF0GTM_BDmm8yzAtdZobBn3x75CLhUsDLlol8tCT0WaPRQErMMtewA)

## Height

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

![](https://lh5.googleusercontent.com/OnJU1UVd4eQnT9IBZn3xxNyXQdITqonFNcUYWc6-earDa14M2gldDn-RS42O_kQQQQsv55YoVN4A9elUUQA6chW6-6Snx0UTYaLA1hVF_eW7QP-4D5hUPaNNi87cjXtse1McNJbzuCO3irFKaMvuWfJuQtAhVBo0onAF3sS9Shpgj7JTDMvNVTi4oV2ViQ)

<details>

<summary>Modify height</summary>

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

</details>

<details>

<summary>Remove height</summary>

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

</details>

## Width

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

![](https://lh4.googleusercontent.com/yprrvZTw8tAMZKyirgMuedokfYEEdFPkzdDkW8EDqe62wNVIaRmprWLRL29BImf7rxaKWhEoBYGL4tBKtFkqI96_G9RTtSv_ZefGUgP_7gzyBCd776TlVNV_qHbhtTqviB-f7GFvRREBznsUsh1ASvAYbMhX3JkTny_Jz-5KM04C98_29JdaYq2mnAh-7A)

<details>

<summary>Modify width</summary>

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

</details>

<details>

<summary>Remove width</summary>

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&#x20;
6. Click dot to reset

</details>

## 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.&#x20;

***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.

![](https://lh6.googleusercontent.com/Bx_t0MlmFeEVRawKXfqFRgxpjOA35edG0A1Q15bMH959GZUBtjZAsi-yeL8B_RARJWTeAFvZhzw_Yswj1XFppStbMPZYfBDTv7FJag_wXipanAGoj8jYXYs2KUTiM9RHZdA9y3cJv9yjPa-xNO4znCWJAwAz4-UJAFPOxSYE6HjEiTgNIQcyZ91my6DLSA)

<details>

<summary>Object Fit</summary>

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)

</details>

## 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).

![](https://lh4.googleusercontent.com/zmOyoEAFKcxLyJ5Dohmj1CTUSbh72MZgQqwJmWNpdjUeD82ZeKyKzzVc42OroQBFDocXmdL83X2YWE7zvqFBh6yAdealRvDikL3YWtL7wQJNUTmxlKXg4-jfYP7nK6Tn9HFXVKh2ghlhWgGKYNQ6JtS3amIHB2fI6DuLyhcgdmza1NWuhqCzyR525tWdXg)

<details>

<summary>Object Position</summary>

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&#x20;

</details>