diff --git a/frappe/public/scss/website.scss b/frappe/public/scss/website.scss
index e7fb0b3f00..9e69e8aa27 100644
--- a/frappe/public/scss/website.scss
+++ b/frappe/public/scss/website.scss
@@ -311,3 +311,19 @@ h5.modal-title {
 .image-loaded {
 	filter: blur(0rem);
 }
+
+.embed-container {
+	position: relative;
+	padding-bottom: 56.25%;
+	height: 0;
+	overflow: hidden;
+	max-width: 100%;
+}
+
+.embed-container iframe {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
\ No newline at end of file