Create an html snippet for initiative cards

[fluix-dev]

We have a lot of code like this for cards:

        <div class="col-4 pointer-cursor" onclick="location.href=`{% url name pk=object.pk %}`">
          <div class="card u-flex-column h-100 slide-up">
            <div class="card-container">
              {% if object.image %}
                <div class="card-image" style="background-image: url({{ object.image.url }})"></div>
              {% else %}
                <div class="card-image" style="background-image: url({% static 'img/logo.png' %})"></div>
              {% endif %}
            </div>
            <div class="mobile-title">
              <div class="content">
                <div class="tile">
                  <div class="tile__container">
                    <p class="tile__title">{{ object.name }}</p>
                    <p class="tile__subtitle">By {{ object.short_creators }}</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="card-body content">
              <p>{{ object.description|truncatechars:48 }}</p>
            </div>
            <div class="card-footer content">
              {% for tag in object.tags.all|slice:':3' %}
                <div class="tag white" style="background-color: {{ tag.color }}">{{ tag.name }}</div>
              {% endfor %}
            </div>
          </div>
        </div>

This should be moved into a separate template and just {% include %} where necessary.