<h2 class='text-center mt-4 mb-2'>Relate Menus</h2> 
<div class="row">
    {% for o in objs %}
    {% if forloop.counter|divisibleby:4 %}
      <div class="card text-white bg-primary col-md-4 p-0">
    {% elif forloop.counter|divisibleby:3 %}
      <div class="card text-white bg-secondary col-md-4 p-0">
    {% elif forloop.counter|divisibleby:2  %}
      <div class="card text-white bg-success col-md-4 p-0">
    {% elif forloop.counter|divisibleby:1 %}
      <div class="card text-white bg-danger col-md-4 p-0">
    {% endif %}
    {% if o.featureImage %}
        <div class='img-container-16-9'>
            <img class="card-img-top media" src="{{ o.featureImage.url }}" alt="Card image cap">
        </div>
        {% endif %}
    <div class="card-body">
        <h5 class="card-title">{{ o.name }}</h5>
        <p class="card-text">{{ o.description }}</p>
        <p class="card-text"><small class="text-white">{{ o.created_at }}</small></p>
    </div>
  </div>
  {% endfor %}
</div>
