Image is not showing, what is wrong over here?

This is my template. The problem is - the image is not displayed.

{% extends "base.html" %}

{% block content %}

<main class="mt-5 pt-4">
<div class="container dark-grey-text mt-5">
  <div class="row wow fadeIn">
    <div class="col-md-6 mb-4">

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

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

Thanks is advance.