{% load static %}
{% for connection in connections %}
<div class="w-[35px] h-[35px] rounded-full {% if not forloop.first %} -ml-5 {% endif %} ">
    {% if connection.image %}
        <img src="{{ connection.image}}" class="w-full h-full rounded-full object-cover">
    {% else %}
        <div class="w-full h-full border border-osiblue bg-osiblue text-white uppercase rounded-full flex justify-center items-center p-1 shadow-md">
            {{ connection.first_name.0 }}{{ connection.last_name.0 }}
        </div>
    {% endif %}
</div>
{% endfor %}