<div class="row">

         {% for row,user_image in rows %}

         <div class="col-md-3">
            <div class="row">
                <div class="panel panel-primary">
                    <h4 align="center">Id: {{row["Id"]}}</h4>
                    <h4 align="center">Nombre:{{row["Nombre"]}}</h4>
                    <h4 align="center">Peso: {{row["Peso"]}}</h4>
                    <h4 align="center">Dosis: {{ row["Dosis"]}}</h4>
                    <h4 align="center">UltimaFecha: {{row['Ultimafecha']}}</h4>
                    <h4 align="center">Vacunas: {{ row["Vacunas"]}}</h4>
                   <!--  <div align="center "> -->
                       <div align="center">
                        <img src="{{ user_image }}" alt="User Image"  width="100%" height="100%">
                       </div>

                   <!--</div>   -->

            </div>
         </div>
        </div>
         {% endfor %}
      </div>
 </div>