ing="lazy"
                         class="w-full rounded-lg object-cover lg:max-h-[300px] h-full "
                         alt="screenshot"
                         width="50%"
                         height="50%">
                </a>
            {% endif %}
        </div>
        <a href="{{ activity.get_absolute_url }}"
           class="text-xl font-semibold hover:text-red-500">
            <div class="mb-3 text-xl">{{ activity.description|truncatechars:20 }}</div>
        </a>
        <div class="fl