{% load thumbnail %}
<div class="rounded-lg bg-white p-4">
  {% thumbnail association.logo geometry format="WEBP" upscale=False as img %}
    <img class="mx-auto" src="{{ img.url }}" width="{{ img.width }}" height="{{ img.height }}" alt="{{ association }}">
  {% endthumbnail %}
</div>