From 33e0fcf8dae1eebd74a106631960399ebd63bfda Mon Sep 17 00:00:00 2001
From: "Justin W. Flory (he/him) [UNICEF Innovation]" <jflory@unicef.org>
Date: Fri, 9 Apr 2021 12:05:49 -0400
Subject: [PATCH] :beetle: :art: css: Prevent images and media from flowing
 off-screen

I embedded an image on the Working Group page, and it flowed far
off-screen because it was bigger than the viewport. Just a simple catch
to make sure media stays inside of its container.

Signed-off-by: Justin W. Flory (he/him) [UNICEF Innovation] <jflory@unicef.org>
---
 _sass/pages/_wgs.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/_sass/pages/_wgs.scss b/_sass/pages/_wgs.scss
index 7d520947..88b308ff 100644
--- a/_sass/pages/_wgs.scss
+++ b/_sass/pages/_wgs.scss
@@ -1,3 +1,9 @@
+/* Embed asset tweaks */
+.main-content figure, iframe, img, picture, video {
+    height: auto;
+    max-width: 100%;
+}
+
 .page-title {
     margin-bottom: 10vh;
 }