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.