cri_frontend: move photo above user details on mobile

On mobile, the picture of the user isn't displayed properly. This merge request moves the photo above the user's details on mobile platforms.

cri_frontend/templates/cri_frontend/criuser_detail.html

@@ -107,13 +107,13 @@
                 </h3>
             </div>
             <div class="card-body">
-                <div class="media">
-                    <div class="mr-3">
+                <div class="row media">
+                    <div class="col-md-3 mb-3 text-center">
                         <a href="https://photos.cri.epita.fr/{{ criuser.username }}" target="_blank">
                             <img src="https://photos.cri.epita.fr/thumb/{{ criuser.username }}" class="img-thumbnail" alt="{{ criuser.username }}" style="max-height: 500px;" />
                         </a>
                     </div>
-                    <div class="media-body">
+                    <div class="col media-body">
                         {% with new_account=criuser.get_new_account %}
                         {% if new_account %}
                         <div class="alert alert-warning" role="alert">