        <p class="mb-2 text-sm text-gray-500">
            <span class="font-semibold">{% blocktrans %} Click to upload</span> or drag and drop {% endblocktrans %}
        </p>
        <p class="text-xs text-gray-500">{% translate "PNG, JPG or GIF" %}</p>
    </div>
    {{ field }}
</label>
<p class="mt-2 text-sm text-red-600">
    <span id="error_message"
          for="{{ field.id_for_label|lower }}"
          class="font-medium">{{ field.errors }}</span>
</p>

<div id="preview-container" class="{% if pro