From 52bcd07f4c7f7dfc0f459cb5c388d173642c5570 Mon Sep 17 00:00:00 2001
From: Omri Bernstein <omri.bernstein@newsela.com>
Date: Fri, 17 Apr 2020 12:26:09 -0400
Subject: [PATCH] Add container responsive sizing

---
 styles/scss/layout.scss | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/styles/scss/layout.scss b/styles/scss/layout.scss
index 12234b9b..271a8437 100644
--- a/styles/scss/layout.scss
+++ b/styles/scss/layout.scss
@@ -63,15 +63,19 @@
     height: 100%;
   }
 
+  .video-react-video-container {
+    max-height: inherit;
+    height: inherit;
+    display: inline-block;
+  }
 
   // Playback technology elements expand to the width/height of the containing div
   // <video> or <object>
   .video-react-video {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+    object-fit: contain;
+    max-height: inherit;
+    height: inherit;
+    max-width: 100%;
   }
 
   &.video-react-fullscreen {