{% for item in items %}
<div class="col">
    <div class="card card-portfolio animate-box animate__animated" data-animate="animate__fadeIn">
        {% if item.slug %}<a href="{% url 'portfolio_detail' item.slug %}" class="stretched-link"></a>{% elif item.client_url %}<a href="{{ item.client_url }}" target="_blank" class="stretched-link"></a>{% endif %}
        <img src="{{ item.thumbnail.url }}" alt="{{ item.image_alt|default:item.title }}" class="img-fluid" />
        <div class="portfolio-content">
            <p class="accent-color">{{ item.category_label }}</p>
            <h3 class="secondary-accent">{{ item.title }}</h3>
            <p class="secondary-accent">{{ item.short_description }}</p>
        </div>
    </div>
</div>
{% endfor %}
{% if items.has_next %}
<div id="load-more-sentinel" data-next-page="{{ items.next_page_number }}"></div>
{% endif %}