Почему мой цикл Django отображает одно и то же изображение в svg viewbox?

Question

Я использую фреймворк django и пытаюсь отобразить изображения из модели в многоугольнике. Для этого я использую SVG. В настоящее время он просто отображает изображение smae несколько раз вместо отображения всех изображений в базе данных. Вот мой код:

{% if images %}


<section id="gallery">
     <ul id="hexGrid">
  {% for image in images %}
  <li class="hex">

  <svg viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="img" patternUnits="userSpaceOnUse" width="100" height="100">
    <image xlink:href="{{image.src.url}}" x="-25" width="150" height="100" />
    </pattern>
  </defs>
  <polygon id="hex" points="50 1 95 25 95 75 50 99 5 75 5 25" fill="url(#img)"/>
  </svg>
  </li>
  {% endfor %}
</ul>
  </section>

{% else %}

<p>
  No Posts
</p>
{% endif %}

Вот моя модель:

from django.db import models


class Images(models.Model):
    title = models.CharField(max_length=200)
    src = models.FileField(upload_to='images/', null=True, verbose_name="")

Что я делаю не так?