diff options
| -rw-r--r-- | src/components/still-image/still-image.vue | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue index 4137bd59..08af26f6 100644 --- a/src/components/still-image/still-image.vue +++ b/src/components/still-image/still-image.vue @@ -23,12 +23,21 @@ <style lang="scss"> @import '../../_variables.scss'; +.contain-fit { + .still-image { + img { + height: 100%; + } + } +} + .still-image { position: relative; line-height: 0; overflow: hidden; width: 100%; height: 100%; + display: flex; &:hover canvas { display: none; @@ -36,8 +45,8 @@ img { width: 100%; - height: 100%; object-fit: contain; + align-self: center; } &.animated { |