Não entendi como funciona essa linha de código

{% extends 'galeria/base.html' %}
{% load static %}
{% block content %}

            <section class="conteudo">
                <section class="imagem">
                    <div class="imagem__conteudo">
                        {% if fotografia.foto == "" or fotografia.foto == null %}
                            <img class="imagem__imagem" src="{% static '/assets/imagens/galeria/not_found.jpg">
                        {% else %}
                            <img class="imagem__imagem" src="{{ fotografia.foto.url }}">
                        {% endif %}
                        <div class="imagem__info">
                            <div class="imagem__texto">
                                <p class="imagem__titulo">{{ fotografia.nome }}</p>
                                <p class="imagem__descricao">{{ fotografia.legenda }}</p>
                                <p class="imagem__texto"></p>
                            </div>
                        </div>
                    </div>
                </section>
            </section>
        </main>
    </div>

{% endblock %}

Não entendi como funciona essa linha de código: "img class="imagem__imagem" src="{{ fotografia.foto.url }}" " mais especificamente a parte do source, fotografia.foto.url? Achei que a explicação foi meio que "Faça, confia que vai dar certo." pode me explicar como essa parte funciona?