Циклический массив Grav / Twig

У меня есть простая проблема с моим шаблоном Grav / Twig. У меня есть файл .md, который структурирован так …

---
class: news
title: Latest News
story:
title: TITLE OF STORY
date:
month: April
day: 2
year: 2016
highlights:
points:
- icon: mic.png
text: Best Speaker Award
- icon: trophy.png
text: Winner as voted by audience
quote:
text: “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dictum nisl quis pharetra dictum. Etiam ac egestas leo. Pellentesque tincidunt sem vel risus vehicula scelerisque. Cras rutrum, mauris viverra porttitor condimentum, orci quam condimentum libero, ac tempor nunc risus ac felis.”
author: -Time Magazine
cite: http://www.time.com
image: awards.jpg
---

Я хочу вытащить значения icon: mic.png и icon: trophy.png и сделать что-то подобное в моем файле news.twig.html …

<div class="highlights">
{% for highlight in page.header.story.highlights.points %}
<div class="point">
{% if highlight.text %}
<span class="highlight-icon">
<img src="{{ page.media.images.[ {{ highlight.icon }} ].url }}">
</span>
{% endif %}
{% if highlight.text %}
<span class="highlight-text">{{ highlight.text }}</span>
{% endif %}
</div>
{% endfor %}

Но я получаю сообщение об ошибке «Ожидаемое имя или номер» в строке с тегом img,

<img src="{{ page.media.images.[ {{ highlight.icon }} ].url }}">

Заранее спасибо!!