Изображения на моем сайте Django не загружаются

Question

У меня есть изображения в шаблоне моего меню, которые при нажатии я хочу перенаправить на другой шаблон в Django

**Below is my code for the menu template:**

 {%for count in item%}
        <div class="col-md-6 col-lg-4 menu-wrap">
            <div class="heading-menu text-center ftco-animate">
                <h3>{{count.supper}}</h3>
                </div>
            <div class="menus d-flex ftco-animate">
          <div class="menu-img img" style="background-image: url({{count.pic.url}});"></div>
          <div class="text">
            <div class="d-flex">
                <div class="one-half">
                  <h3>{{count.name}}</h3>
                </div>
                <div class="one-forth">
                  <span class="price">${{count.price}}</span>
                </div>

Как я могу это сделать? Можно ли применить событие onclick?

Код Model.py:

из django.db импорт моделей из django.contrib.postgres.fields import ArrayField

class Breakfast(models.Model):

    name = models.CharField(max_length=100)
    price = models.IntegerField()
    ingredients = ArrayField(models.CharField(max_length=100),size=8)
    pic = models.ImageField(upload_to="images")


class Lunch(models.Model):

    name = models.CharField(max_length=100)
    price = models.IntegerField()
    ingredients = ArrayField(models.CharField(max_length=100),size=8)
    pic = models.ImageField(upload_to="images")

Answer 1

поместите изображение непосредственно вместо фона

<div class="menu-img img">
  <a href="{% url 'whatdoyouwant' %}">
    <img src="{{count.pic.url}}"></img>
  </a>
</div>