<div class="review-content">
  <div>
  <img class="rounded-circle article-img" src="{{ review.reviewer_photo }}">
  </div>
    <div style="flex-grow: 10">
    <div class="review-header-divider">
      <span class="mr-2"><b>{{ review.reviewer_name }}</b></span>
      <small class="text-muted">{{ review.update_time|date:"F d, Y" }}</small>
      <span style="color: #a41515; float: right">{{ review.star_rating }} X &#9733</span>
    </div>
    {% if review.comment %}
        <p >{{ review.comment }}</p>
    {% endif %}
    {% if review.reply.replied_text %}
        <p class="alert alert-success">Reply: {{ review.reply.replied_text }}</p>
    {% else %}
     <p class="alert alert-warning">Not Replied Yet!</p>
    {% endif %}
  </div>
</div>