{% for class_ in list_of_classes%}
<div class="col">
    <div class="card">
      <img src="https://picsum.photos/200/10{{loop.index0}}" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title"><strong>{{class_['className']}}</strong></h5>
        <p class="card-text"><strong>End Date: </strong> {{class_['classEndDate']}} <br>
        <strong>Current Topic: </strong> {{class_['currentTopic']}}</p>
    </div>
        {% if class_ in ready_bytes %}
        <button type="button" class="btn btn-outline-success readybyte" data-bs-toggle="modal" data-bs-target="#modal{{class_['_id']}}">
        Morning Bytes Ready
        </button>
        {% endif %}
    </div>
</div>
{%endfor%}