diff --git a/src/patterns/03-layouts/_index.scss b/src/patterns/03-layouts/_index.scss
index 8c1849081e35c8c3b26eb409f06b7f26683a1528..70e40923db7169d2116dc73a3c7c4786ea61bc1d 100644
--- a/src/patterns/03-layouts/_index.scss
+++ b/src/patterns/03-layouts/_index.scss
@@ -1,3 +1,4 @@
+@forward 'block/block';
 @forward 'carousel/carousel';
 @forward 'content/content';
 @forward 'footer/footer';
diff --git a/src/patterns/03-layouts/block/_block.scss b/src/patterns/03-layouts/block/_block.scss
new file mode 100644
index 0000000000000000000000000000000000000000..97d7e060a7daf04bc4b5af1f90410a7553fa95eb
--- /dev/null
+++ b/src/patterns/03-layouts/block/_block.scss
@@ -0,0 +1,11 @@
+// @file
+// Styles for Block.
+
+.block {
+  margin-bottom: var(--grid-gap);
+}
+
+// disable margin for layout builder blocks
+.block--provider-layout-builder {
+  margin-bottom: 0;
+}
diff --git a/src/patterns/03-layouts/block/block.twig b/src/patterns/03-layouts/block/block.twig
new file mode 100644
index 0000000000000000000000000000000000000000..44b3ca4ed8e8769996fe2d06d98e58c69bb08e76
--- /dev/null
+++ b/src/patterns/03-layouts/block/block.twig
@@ -0,0 +1,49 @@
+{% set classes = [
+  'block l-block',
+  modifier ? modifier: '',
+  attributes ? attributes.class
+]|join(' ')|trim %}
+
+{% set title_classes = [
+  'block__title l-block__title',
+  title_attributes ? title_attributes.class
+]|join(' ')|trim %}
+
+{% set content_classes = [
+  'block__content l-block__content',
+  content_attributes ? content_attributes.class
+]|join(' ')|trim %}
+
+{% if block_wrapper %}
+<div class="{{ classes }}" {{ attributes ? attributes|without('class','id') }}>
+{% endif %}
+
+  {% if constrain %}
+  <div class="{{ constrain }}">
+  {% endif %}
+
+  {{ title_prefix }}
+  {% if label %}
+    <{{ label_element ?: 'h2' }} class="{{ title_classes }}" {{ title_attributes ? title_attributes|without('class') }}>{{ label }}</{{ label_element ?: 'h2' }}>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if content_wrapper %}
+  <div class="{{ content_classes }}" {{ content_attributes ? content_attributes|without('class') }}>
+  {% endif %}
+
+  {% block content %}
+  {{ content }}
+  {% endblock %}
+
+  {% if content_wrapper %}
+    </div>
+  {% endif %}
+
+  {% if constrain %}
+  </div>
+{% endif %}
+
+{% if block_wrapper %}
+</div>
+{% endif %}
diff --git a/src/patterns/03-layouts/block/block.yml b/src/patterns/03-layouts/block/block.yml
new file mode 100644
index 0000000000000000000000000000000000000000..a7e3dabeb4f9047968501a80581fab69a4c08980
--- /dev/null
+++ b/src/patterns/03-layouts/block/block.yml
@@ -0,0 +1,10 @@
+---
+block_wrapper: true
+constrain: ''
+title_prefix: ''
+label_element: ''
+label: 'Block title'
+title_suffix: ''
+content_wrapper: true
+content: |-
+  <p>Donec id elit non mi porta gravida at eget metus. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero, a pharetra augue. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus.</p>
diff --git a/src/patterns/04-components/image/_image.twig b/src/patterns/04-components/image/_image.twig
index 942db39a454708b59070612ebf41f1c2128707ab..e2410e60db41aff44111138180fcc7a7112d8c43 100644
--- a/src/patterns/04-components/image/_image.twig
+++ b/src/patterns/04-components/image/_image.twig
@@ -8,7 +8,7 @@
   <div class="uw-image__wrapper {{ image_class }}">
 
     {% if image.type == 'full' %}
-      {{ image.image.img_element['#uri'] }}
+
       {% include '@components/responsive-image/responsive-image.twig' with {
         'sources': image.image.sources,
         'img_element': image.image.img_element['#uri'],