Center and size officer profile pictures (#974)

## Fixes issue
#931

## Description of Changes
I centered and addressed sizing issues with the officer profile pictures
in the profile page, officer list page, and officer image page.

## Screenshots (if appropriate)
Located in the comments.

## Tests and linting
 - [x] This branch is up-to-date with the `develop` branch.
 - [x] `pytest` passes on my local development environment.
 - [x] `pre-commit` passes on my local development environment.

OpenOversight/app/static/css/openoversight.css

@@ -585,10 +585,42 @@ tr:hover .row-actions {
 }
 
 .officer-face {
+    border: none;
     height: 300px;
     margin: auto;
 }
 
+.officer-face.officer-profile {
+    display: block;
+}
+
+@media (min-width: 992px) {
+    .officer-face.officer-profile {
+        height: 510px;
+    }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+    .officer-face.officer-profile {
+        height: 590px;
+    }
+}
+
+@media (max-width: 767px) {
+    .officer-face.officer-profile {
+        height: 460px;
+        padding-bottom: 10px;
+    }
+}
+
+#face-img {
+    border: none;
+    display: block;
+    margin: auto;
+    max-height: 500px;
+    padding-bottom: 10px;
+}
+
 .face-wrap {
     margin: auto;
     position: relative;

OpenOversight/app/templates/partials/officer_faces.html

@@ -1,6 +1,8 @@
 {% for path in paths %}
   {# Don't try to link if only image is the placeholder #}
   {% if faces %}<a href="{{ url_for('main.display_tag', tag_id=faces[loop.index - 1].id) }}">{% endif %}
-    <img class="officer-face" src="{{ path }}" alt="Submission">
+    <img class="officer-face officer-profile"
+         src="{{ path }}"
+         alt="Submission">
     {% if faces %}</a>{% endif %}
 {% endfor %}

OpenOversight/app/templates/tag.html

@@ -16,7 +16,7 @@ <h1>Tag {{ face.id }} Detail</h1>
   </div>
   <div class="container">
     <div class="row">
-      <div class="col-sm-12">You can download the full officer photo by clicking the image below:</div>
+      <div class="col-sm-12 text-center">You can download the full officer photo by clicking the image below.</div>
     </div>
     <br>
     <div class="row">