{% for profile in results %}
    <section class="card p-3 sm:p-4 shadow-sm hover:shadow-lg transition-all outline outline-transparent -outline-offset-2 hover:outline-primary outline-2 duration-500">
        <a
            href="{% url 'visitor_profile' pin=profile.pin %}"
            class="w-full flex gap-4 items-center justify-between"
        >
            {#  link everything to users public profile page  #}
            <div class="block">
                <h3 class="text-xl font-bold leading-none">{{ profile }}</h3>

                {% include 'carers/partials/organization_details.html' with profile=profile search=True %}

            </div>

            {% if profile.avatar and not profile.enabled_privacy_mode %}
            <img
                class="w-14 h-14 object-cover object-center rounded-full"
                src="{{ profile.avatar_thumbnail.url }}"
                alt="picture of {{ profile }}"
            >
            {% endif %}
        </a>
    </section>
    {% empty %}
    Your search doesn't match any results.
{% endfor %}