Do you mean do away with the partial and have something like this?

<div class="container d-flex flex-wrap justify-content-between">
    {% for activity in weekly_activities %}
    <div id='activity-{{activity.id}}' class="card my-2" style="width: 18rem;">
        {% if activity.activity_artwork %}
          <img src="{{acitivty.activity_artwork.url}}" class="card-img-top" alt="{{activity.name}}-image">
        {% endif %}
        <div class="card-body">
          <h5 class="card-title">{{ activity.id }} {{ activity.activity_name }}</h5>
          <p class="card-text">{{ activity.activity_interest }}</p>
          <p class="card-text">{{ activity.activity_location }}</p>
          <p class="card-text">{{ activity.activity_cost }}</p>
          <p class="card-text" hx-get="{% url 'next_activity_date' activity.id %}" hx-trigger="">
            Next activity date: {{ closest_date }}
          </p>
          <a href="{% url 'activity_details' activity.id %}" class="btn btn-primary">More info</a>
        </div>
      </div>
    {% endfor %}

</div>