diff --git a/packages/patternlab/styleguide/source/_patterns/01-atoms/09-media/iframe.twig b/packages/patternlab/styleguide/source/_patterns/01-atoms/09-media/iframe.twig
index e583f03730..8b4b578b07 100644
--- a/packages/patternlab/styleguide/source/_patterns/01-atoms/09-media/iframe.twig
+++ b/packages/patternlab/styleguide/source/_patterns/01-atoms/09-media/iframe.twig
@@ -10,7 +10,19 @@
 
 <div class="ma__iframe {{ iframeClass }}">
   <div class="ma__iframe__container js-ma-responsive-iframe {{ iframeRatioClass }}">
-    <iframe {% if iframe.customClass %}class="{{ iframe.customClass }}"{% endif %} height="{{ iframe.height }}" src="{{ iframe.src }}" allowfullscreen loading="lazy" title="{{ iframe.title }}"></iframe>
+    <iframe
+        {% if iframe.data_src %}data-src="{{ iframe.data_src }}"{% endif %}
+        {% if iframe.customClass %}class="{{ iframe.customClass }}"{% endif %}
+        {% if iframe.data_src %}
+          src="about:blank"
+        {% else %}
+          src="{{ iframe.src }}"
+        {% endif %}
+        height="{{ iframe.height }}"
+        allowfullscreen
+        loading="lazy"
+        title="{{ iframe.title }}">
+    </iframe>
   {% if iframe.link %}
     <div class="ma__iframe__link">
       {% set decorativeLink = iframe.link %}
@@ -25,3 +37,4 @@
   </figcaption>
   {% endif %}
 </div>
+