Управление размером изображения в django-markdownx

Question

Есть ли способ применить CSS к изображениям, которые я загружаю с помощью django-markdownx? Или, в принципе, каким-либо способом динамически регулировать размер изображений, размещаемых в виде текста на веб-сайте блога Django?

Я пробовал все обычные способы:

<p style="max-width: 100%">{{ post.formatted_markdown|safe }}</p>

или

<div class="card" style="max-width: 100%">
    <h2><a href="">{{ post.title }}</a></h2>
    <h5>published: {{ post.published_date }}, by: {{ post.author }}</h5>
    <div><img src="{{ post.main_image.url }}"></div>
    <p>{{ post.formatted_markdown|safe }}</p>
</div>

или

<p class="markdown">{{ post.formatted_markdown|safe }}</p>

с CSS

.markdown {
    max-width: 100%
}

Ни один из них не удерживал изображение в определенных пределах, если исходный размер шире, чем экран, он просто выходит за пределы.

Разве невозможно управлять размером изображений, добавляемых через django-markdownx? Есть ли другое решение для простого управления блогом на основе Django с постами с изображениями, встроенными в текст? *