Media

Media items from the media tab are stored as json objects in an array on pages in the media property. To display them all, you might do this:

{% if this.media %}
{% for image in this.media %}
  <img src="{{ image.url }}" alt="{{ image.caption }}" />
{% endfor %}
{% endif %}

To display the first one, you might do this:

<img src="{{ this.media[0].url }}" alt="{{ this.media[0].caption }}" />

Typically with images you'll want to use the image resizing filter.