diff --git a/assets/style.scss b/assets/style.scss
index d2a8adf..687f79e 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -97,10 +97,14 @@ iframe {
 	border: none;
 
 	width: 100%;
-	height: 56.25vw;
-	max-height: $large * 0.5625;
+	height: 100vh;
 	display: block;
 	margin: 1rem 0;
+
+	&.aspect-178 {
+		height: 56.25vw;
+		max-height: $large * 0.5625;
+	}
 }
 
 .nav {
diff --git a/layouts/shortcodes/iframe.html b/layouts/shortcodes/iframe.html
index efef76a..46961c0 100644
--- a/layouts/shortcodes/iframe.html
+++ b/layouts/shortcodes/iframe.html
@@ -1 +1 @@
-<iframe src="{{ .Get "src" }}" title="{{ .Get "title" }}" allowfullscreen="true"></iframe>
+<iframe{{ with .Get "class" }} class="{{ . }}"{{ end }} src="{{ .Get "src" }}" title="{{ .Get "title" }}" allowfullscreen="true"></iframe>