Как убрать пустые пространства под картинки в постах?

Question

[Ozrae]

У меня есть такие карточки:


Мне нужно сделать так, что если картинка при создании поста была загружена она отобразится, а если картинка не была загружена, то на её месте отобразится текст или будет другое отображение карточки. Как написать такое условие? Оно же пишется прямо в html файле?

Вот код карточек:

<div class='cont-class'>
    <div class='articles'>
        {% for article in page_obj.object_list %}
            <div class='article'>
                <img class='card-img' src='{{ article.thumb.url }}'>
                <h2><a href="{% url 'article:detail' slug=article.slug %}">{{ article.title }}</a></h2>
                <p>{{ article.snippet }}</p>
                <p>{{ article.date }}</p>
                <p class='author'>added by {{ article.author.username }}</p>
            </div>
        {% endfor %}
    </div>

Все картинки сохраняются в os.path.join(BASE_DIR, 'media').