Use cropping in person templates. Advances #56.

biscuit/core/templates/core/person_card.html

-{% load staticfiles %}
+{% load staticfiles cropping %}
 <div class="card shadow">
   <div class="card-header">{{ person.first_name }} {{ person.last_name }}</div>
   <div class="card-body">
     <div class="row no-gutters">
       <div class="col-sm">
         {% if person.photo %}
-          <img class="person-img" src="{{ person.photo.url }}" alt="{{ person.first_name }} {{ person.last_name }}" />
+          <img class="person-img" src="{% cropped_thumbnail person 'photo_cropping' max_size=300x400 %}" alt="{{ person.first_name }} {{ person.last_name }}" />
         {% else %}
           <img class="person-img" src="{% static 'img/fallback.png' %}" alt="{{ person.first_name }} {{ person.last_name }}" />
         {% endif %}

biscuit/core/templates/core/person_full.html

 {% extends "core/base.html" %}
-{% load bootstrap4 font_awesome i18n staticfiles %}
+{% load bootstrap4 font_awesome i18n staticfiles cropping %}
 {% load render_table from django_tables2 %}
 
 {% block content %}
@@ -16,7 +16,7 @@
    <tr>
     <td rowspan="6">
      {% if person.photo %}
-      <img class="person-img" src="{{ person.photo.url }}" alt="{{ person.first_name }} {{ person.last_name }}" />
+      <img class="person-img" src="{% cropped_thumbnail person 'photo_cropping' max_size=300x400 %}" alt="{{ person.first_name }} {{ person.last_name }}" />
      {% else %}
       <img class="person-img" src="{% static 'img/fallback.png' %}" alt="{{ person.first_name }} {{ person.last_name }}" />
      {% endif %}