diff --git a/web/themes/custom/geofresco/src/global/_content.scss b/web/themes/custom/geofresco/src/global/_content.scss
new file mode 100644
index 0000000..fbd03d6
--- /dev/null
+++ b/web/themes/custom/geofresco/src/global/_content.scss
@@ -0,0 +1,10 @@
+/**
+ * Styles related to contributor-added content on the site, such as embedded
+ * media.
+ */
+
+iframe {
+  width: 100%;
+  height: 100%;
+  min-height: 36vw;
+}
diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss
index fb95478..9fc036d 100644
--- a/web/themes/custom/geofresco/src/global/global.scss
+++ b/web/themes/custom/geofresco/src/global/global.scss
@@ -44,6 +44,7 @@ $navbar-breakpoint: $mini/2;
 @import "layout";
 
 // Stylesheets below will have access to all Bulma variables and mixins.
+@import "content";
 @import "paint";
 
 // @import '../../node_modules/bulma-extensions/bulma-timeline/dist/bulma-timeline';