diff --git a/src/Website.Markdig.Extensions/BlogLinkAndImageRenderer.cs b/src/Website.Markdig.Extensions/BlogLinkAndImageRenderer.cs
index 55e96df..2bc44fb 100644
--- a/src/Website.Markdig.Extensions/BlogLinkAndImageRenderer.cs
+++ b/src/Website.Markdig.Extensions/BlogLinkAndImageRenderer.cs
@@ -39,7 +39,9 @@ namespace Website.Markdig.Extensions {
 		private bool RenderEmbed(HtmlRenderer renderer, LinkInline link) {
 			if (YoutubeLink.IsMatch(link.Url)) {
 				var youtubeMatch = YoutubeLink.Match(link.Url);
+				renderer.Write(@"<div class=""video-container"">");
 				renderer.Write($"<iframe src=\"https://www.youtube.com/embed/{youtubeMatch.Groups[1].Value}\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>");
+				renderer.Write(@"</div>");
 				return true;
 			}
 
diff --git a/src/Website/wwwroot/css/blog.scss b/src/Website/wwwroot/css/blog.scss
index 9e586fa..4b412fd 100644
--- a/src/Website/wwwroot/css/blog.scss
+++ b/src/Website/wwwroot/css/blog.scss
@@ -170,7 +170,15 @@
 	}
 }
 
-iframe[src^="https://www.youtube.com/embed/"] {
-	width: 944px;
-	height: 531px;
-}
\ No newline at end of file
+.video-container {
+	position: relative;
+	padding-bottom: 56.25%;
+	
+	iframe {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+	}
+}