Проблема с отображением картинок в Джанго

Есть проект Джанго. В нём есть база данных, (для упрощения, из 2х таблиц - Продукты и Категории). Код модели Продукт

class Product(models.Model):
    name = models.CharField(max_length=300, unique=True,
                            verbose_name="Имя товара")
    category_id = models.ForeignKey(Category, on_delete=models.CASCADE,
                                    verbose_name="Категория")

Код модели Категория

class Category(models.Model):
    name = models.CharField(max_length=200, unique=True,
                            verbose_name="Название")
    image = models.ImageField(upload_to='img/', verbose_name="Каринка")

Пример поля Image img/123_1.jpg

Структура папок

Я через View передаю в шаблон объект класса Product и Category, и оно должно отображать картинку из Category.image, но оно не работает. view

def product_page(request: HttpResponse, id: int):
    products = Product.objects.all()
    product = get_object_or_404(products, id=id)
    category = product.category_id
    return render(request, 'product.html', {'product': product, 'category': category})

шаблон страницы

{% extends 'base.html' %}
{% load static %}


    {% block title %}Продукт {{product}}{% endblock %}
    
    {% block content %}
        <h1>Продукт {{product}}</h1>     
        <img src = "{{category.image.url}}">
        <p>{{category.image.url}}</p>
    {% endblock %}