Fix display of vertical images and videos such they fit in the gallery item.

frontend/src/components/GalleryFigure.vue

@@ -75,12 +75,15 @@ figure {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: end;
+  justify-content: center;
   overflow: hidden;
 }
 figure > article {
   flex: 0 0 auto;
 }
+figure :deep(.video-container) {
+  height: 15em;
+}
 .titlespacer {
   flex-shrink: 100000;
   width: 100%;

frontend/src/components/MediaPreview.vue

@@ -179,11 +179,10 @@ img::before {
   max-height: 100%;
 }
 .video-container video {
-  font-size: 8em;
-  overflow: hidden;
-  max-width: 100%;
-  max-height: 100%;
+  width: 100%;
+  height: 100%;
   border-radius: calc(.5em / 8);
+  object-fit: contain;
 }
 .play-overlay {
   position: absolute;