{% load static %}
{% load gravatar %}
<div class="bg-gray-100 rounded-lg p-4">
    <div class="w-full flex flex-col gap-3 ">
        <div class=" rounded-lg w-full border-2 hover:border-red-500 transition-all duration-200">
            {% for screenshot_activity,screenshot in activity_screenshots.items %}
                {% if activity == screenshot_activity %}
                    <a href="{{ activity.get_absolute_url }}">
                        <img src="{{ screenshot.image.url }}"
                       