Image is not showing, what is wrong over here?

{% 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>

       

The bold marked image is not displaying in the webpage, previously it was a link of picture from bootstrap.Please help, Thanks is advcance.

Back to Top