diff --git a/src/components/Gallery.vue b/src/components/Gallery.vue
index c83e675..d466c83 100644
--- a/src/components/Gallery.vue
+++ b/src/components/Gallery.vue
@@ -107,16 +107,12 @@ export default {
   &__images {
     position: relative;
     overflow: hidden;
-    height: 50vh;
-
-    @include mq-desktop {
-      height: 80vh;
-    }
   }
 
   &__viewport {
     display: flex;
     flex-flow: row nowrap;
+    align-items: center;
 
     width: 100%;
     height: 100%;
@@ -147,9 +143,14 @@ export default {
     }
 
     img {
-      max-width: 100%;
-      max-height: 100%;
       object-fit: contain;
+
+      width: 100%;
+      max-height: 50vh;
+
+      @include mq-desktop {
+        max-height: 80vh;
+      }
     }
 
     figcaption {