# Images

> Images

---


While [native markdown images](https://www.markdownguide.org/basic-syntax/#images-1) will work with this theme, we suggest you use our custom `img` shortcode, which provides more features.

The `img` shortcode supports the `grid` attribute.
The following values are supported:
- `wide`
- `last-third`
- `first-third`
- `first-two-thirds` (default)

``` go-template

```

## Default

By default, and image will take up the `first-two-thirds` of the grid, allowing for call out content to its right.

``` go-template

Here is an example of a callout to the side of an image.

```

![image](hero-graphic.webp)
**Note:** 
Here is an example of a callout to the side of an image.

## wide

Providing the "wide" option, will make the image take up the full grid.

``` go-template

```

![image](hero-graphic.webp)

## last-third

Providing the "last-third" option, will make the image take up the last third of the grid, similar to a side call out.
This makes it possible to place an image to the right of text.

``` go-template

```

![image](hero-graphic.webp)