diff --git a/src/components/Figure.vue b/src/components/Figure.vue index 51f4444..5ef14e5 100644 --- a/src/components/Figure.vue +++ b/src/components/Figure.vue @@ -18,18 +18,16 @@ export default {}; .figure { margin: 1em auto; - - @include mq-desktop { - max-width: 70em; - } - - &__meta { - text-align: center; - } + text-align: center; img { - display: block; width: 100%; + object-fit: contain; + + @include mq-desktop { + max-width: 70em; + max-height: 80vh; + } } label,