Изображение не отображается, что здесь не так?

{% extends "base.html" %}

{% block content %}

  <!--Grid row-->
  <div class="row wow fadeIn">

    <!--Grid column-->
    <div class="col-md-6 mb-4">

      **<img src= "/media_root/Brush_Head.png" class="img-fluid" alt="" >** this image is not showing

    </div>
    <!--Grid column-->

    <!--Grid column-->
    <div class="col-md-6 mb-4">

      <!--Content-->
      <div class="p-4">

        <div class="mb-3">
          <a href="">
            <span class="badge purple mr-1">{{ object.get_category_display }}</span>
          </a>
        </div>

       

Выделенное жирным изображение не отображается на веб-странице, ранее это была ссылка на картинку из bootstrap.Пожалуйста, помогите, спасибо за помощь.

Вернуться на верх