{% generateimage 'home:watermark' source=imagen -- class="d-block w-100" style="object-fit:cover" height="400" %}
                    </div>

                    <!--  Modal que muestra la vista detalle de la imagen  -->
                    <div class="modal fade bd-example-modal-lg modalFull pb-5 mt-5 pt-4" id="exampleModal{{forloop.counter}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg modal-dialogFull " role="document">
                        <div class="modal-content modal-contentFull ">
                          <div class="modal-body">
                            {% generateimage 'home:watermark' source=imagen -- class="d-block w-100" style="object-fit:cover" height="100%"%}
                          </div>
                          <div class="modal-footer">
                              <div class="col-6 text-left row mb-5">
                                  <div class="col-lg-6 mb-5">
                                      <strong class="black">{% trans 'Area' %}:</strong> {{ producto.spot }} <br>
                                      <strong class="black">{% trans 'Date' %}:</strong> {{ producto.fecha }} <br>
                                      <strong class="black">{% trans 'Uploaded by' %}: </strong>
                                          {% if producto.user.alias %}
                                              <a href="{% url 'perfil' nombre=producto.user.alias %}">{{ producto.user.alias }}</a>
                                          {% else %}
                                                {{ producto.user.first_name }} {{ producto.user.last_name }}
                                          {% endif %}
                                  </div>
                                  <div class="col-lg-6">
                                      <strong class="black">{% trans 'Price' %}:</strong> {{ producto.precio }} €<br>
                                  </div>
                              </div>
                              <div class="col-6 text-right">
                                  <button type="button" class="btn btn-secondary mr-2 mt-1" data-dismiss="modal">{% trans 'Close' %}</button>
                                  <button type="button" class="btn btn-primary ml-2 mt-1">{% trans 'I want it!' %}</button>
                              </div>
                          </div>
                        </div>
                      </div>
                    </div>