diff --git a/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css b/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css
index bb96112bc309d4202cf525066135deec2a1e3318..bef901465bf29926c706f621b2638be992b3dbdd 100644
--- a/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css
+++ b/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css
@@ -50,7 +50,6 @@
   .banner-block__inner {
     display: flex;
     align-items: center;
-    max-width: 1200px;
     min-height: 54vw;
     margin: auto;
     padding: 0 4%;
diff --git a/core/profiles/demo_umami/themes/umami/css/layout/layout.css b/core/profiles/demo_umami/themes/umami/css/layout/layout.css
index f53f9f4f5af90db75bc941867c6017bd47e730c0..992803fc039ff886f354dccbd0cd147cac5a88a4 100644
--- a/core/profiles/demo_umami/themes/umami/css/layout/layout.css
+++ b/core/profiles/demo_umami/themes/umami/css/layout/layout.css
@@ -7,9 +7,10 @@
  */
 
 .container {
-  max-width: 1200px;
+  max-width: min(calc(100vw - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px) - 2rem), 1200px);
   margin: auto;
 }
+
 /* Add responsive side gutters to the outer layout container 'main' at smaller sizes */
 .main {
   padding: 0 4%;
diff --git a/core/profiles/demo_umami/themes/umami/templates/components/banner-block/block--bundle--banner-block.html.twig b/core/profiles/demo_umami/themes/umami/templates/components/banner-block/block--bundle--banner-block.html.twig
index 2d4c05f02ac7b895eb4020bbb9a817fecbfa4671..6b9176543167500a230f8cc4f24f969f3cd52515 100644
--- a/core/profiles/demo_umami/themes/umami/templates/components/banner-block/block--bundle--banner-block.html.twig
+++ b/core/profiles/demo_umami/themes/umami/templates/components/banner-block/block--bundle--banner-block.html.twig
@@ -36,19 +36,21 @@
 %}
 
 <div{{ attributes.addClass(classes) }}>
-  <div class="banner-block__inner">
-    {{ title_prefix }}
-    {% if label %}
-      <h2{{ title_attributes }}>{{ label }}</h2>
-    {% endif %}
-    {{ title_suffix }}
-    {% block content %}
-      <div class="banner-block__image">
-        {{ content.field_media_image }}
-      </div>
-      <div class="banner-block__content">
-        {{ content|without('field_media_image') }}
-      </div>
-    {% endblock %}
+  <div class="container">
+    <div class="banner-block__inner">
+      {{ title_prefix }}
+      {% if label %}
+        <h2{{ title_attributes }}>{{ label }}</h2>
+      {% endif %}
+      {{ title_suffix }}
+      {% block content %}
+        <div class="banner-block__image">
+          {{ content.field_media_image }}
+        </div>
+        <div class="banner-block__content">
+          {{ content|without('field_media_image') }}
+        </div>
+      {% endblock %}
+    </div>
   </div>
 </div>