diff --git a/overrides/assets/stylesheets/meta.css b/overrides/assets/stylesheets/meta.css
new file mode 100644
index 0000000..89f6a1b
--- /dev/null
+++ b/overrides/assets/stylesheets/meta.css
@@ -0,0 +1,2 @@
+@import url(./patch-492.css);
+@import url(./mkdocs-material-styling.css)
\ No newline at end of file
diff --git a/overrides/assets/stylesheets/patch-492.css b/overrides/assets/stylesheets/patch-492.css
new file mode 100644
index 0000000..f60d3c9
--- /dev/null
+++ b/overrides/assets/stylesheets/patch-492.css
@@ -0,0 +1,22 @@
+/*
+ * Patch for making iframes to keep aspect ratio
+ * and making it responsive, especially for YT embeds.
+ * Context: https://github.com/squidfunk/mkdocs-material/issues/492#issuecomment-336640342
+*/
+.video-wrapper {
+    position: relative;
+    display: block;
+    height: 0;
+    padding: 0;
+    overflow: hidden;
+    padding-bottom: 56.25%;
+  }
+  .video-wrapper > iframe {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
\ No newline at end of file
diff --git a/overrides/main.html b/overrides/main.html
index d359667..b5f7abc 100644
--- a/overrides/main.html
+++ b/overrides/main.html
@@ -6,7 +6,10 @@
     
     {% extends "base.html" %}
     {% block extrahead %}
-    <link rel="stylesheet" href="{{ 'assets/stylesheets/mkdocs-material-styling.css' | url }}">
+
+    <!-- meta CSS to import everything -->
+    <link rel="stylesheet" href="{{ 'assets/stylesheets/meta.css' | url }}">
+
     <script src="https://hypothes.is/embed.js" async></script>
     {% endblock %}
     <!-- Staging build -->