fullscreen background colors... update ui with section name

1 files changed, 8 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
index fb4d8af..8d38fa0 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -38,12 +38,18 @@
   height: 100%;
   top: 0;
   left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .viewer-fullscreen .curtain {
 }
 
-.viewer-fullscreen .image {
-  background-size: cover;
+.viewer-fullscreen .image div {
+  width: 90%;
+  height: 90%;
+  background-size: contain;
+  background-repeat: no-repeat;
   background-position: center center;
 }