Есть ли способ добавить изображение в следующий код?

Я пытаюсь сделать простой сайт, используя django и следуя примерам bootstrap5. Я хотел бы узнать, есть ли способ добавить изображение в указанное место со следующей картинки.

enter image description here

вот код: 

{% extends "pages/base.html" %}
{% block header %}
<main class="container">
  <div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
    <div class="col-md-6 px-0">
      <h1 class="display-4 fst-italic">Title of a longer featured blog post</h1>
      <p class="lead my-3">Multiple lines of text that form the lede, informing new readers 
quickly and efficiently about what’s most interesting in this post’s contents.</p>
      <p class="lead mb-0"><a href="#" class="text-white fw-bold">Continue reading...</a></p>
    </div>
  </div>
</main>
{% endblock header %}
{% block content %}
  <p> this is a content block </p>
{% endblock content %}

Вот ваш обновленный код:

{% extends "pages/base.html" %}
{% block header %}
<main class="container">
  <div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
    <div class="row">
    <div class="col-md-6 px-0">
      <h1 class="display-4 fst-italic">Title of a longer featured blog post</h1>
      <p class="lead my-3">Multiple lines of text that form the lede, informing new readers 
quickly and efficiently about what’s most interesting in this post’s contents.</p>
      <p class="lead mb-0"><a href="#" class="text-white fw-bold">Continue reading...</a></p>
    </div>
     <div class="col-md-6 px-0">
            <img  src="" alt="" />
     </div>
     </div>
  </div>
</main>
{% endblock header %}
{% block content %}
  <p> this is a content block </p>
{% endblock content %}
Вернуться на верх