various image size styles

1 files changed, 7 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index e5db0ba..1bee462 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -194,12 +194,18 @@
   margin: 0 auto;
   display: inline-block;
 }
-.player-transcript .media.image img {
+.player-transcript .media.image .image-container img {
   cursor: pointer;
   display: block;
   max-width: 100%;
   max-height: calc(100vh - 7rem);
 }
+.player-transcript .media.image .image-container.wide-column-width img {
+  max-width: 80vw;
+}
+.player-transcript .media.image .image-container.narrow-column-width img {
+  max-width: 45rem;
+}
 .player-transcript .media.fullscreen .img {
   position: relative;
   width: 100vw;