From e68305e4e718a394daaf46516fff35996d47ba00 Mon Sep 17 00:00:00 2001
From: jiroghianni <jiro@maykinmedia.nl>
Date: Thu, 21 Sep 2023 11:50:02 +0200
Subject: [PATCH] [#1756] Made video iframes responsive

---
 src/open_inwoner/scss/components/Video/Video.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/open_inwoner/scss/components/Video/Video.scss b/src/open_inwoner/scss/components/Video/Video.scss
index 8b0015a54c..3bc0a446d5 100644
--- a/src/open_inwoner/scss/components/Video/Video.scss
+++ b/src/open_inwoner/scss/components/Video/Video.scss
@@ -1,12 +1,25 @@
 .video {
+  margin-top: var(--spacing-large);
+  max-width: var(--mobile-s-width);
+
   &__container {
   }
 
   &__player {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: 56.25%; /* 16:9 Aspect Ratio for modern videos (divide 9 by 16 = 0.5625) */
   }
 
   &__iframe {
-    border-width: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
   }
 
   &--full-width {