diff --git a/libs/blocks/aside/aside.css b/libs/blocks/aside/aside.css
index a281d9afaec..7570ada745f 100644
--- a/libs/blocks/aside/aside.css
+++ b/libs/blocks/aside/aside.css
@@ -1350,4 +1350,13 @@
   .aside.container-mobile.media-top-mobile.rounded-corners .foreground.container > .image {
     padding-top: var(--spacing-xs);
   }
+
+/* =====  full-bleed-mobile variant ===== */
+  .aside.full-bleed-mobile .foreground.container > .image {
+    width: 100vw;
+  }
+
+  .aside.full-bleed-mobile.inline .foreground.container > .text {
+    margin-inline: var(--spacing-m);
+  }
 }
diff --git a/libs/blocks/aside/aside.js b/libs/blocks/aside/aside.js
index 6ae0d857332..c3ed6de075d 100644
--- a/libs/blocks/aside/aside.js
+++ b/libs/blocks/aside/aside.js
@@ -18,9 +18,9 @@ import { decorateBlockText, decorateIconStack, applyHoverPlay, decorateBlockBg,
 import { createTag, getConfig, loadStyle } from '../../utils/utils.js';
 
 // standard/default aside uses same text sizes as the split
-const variants = ['split', 'inline', 'notification', 'container-mobile'];
+const variants = ['split', 'inline', 'notification', 'container-mobile', 'full-bleed-mobile'];
 const sizes = ['extra-small', 'small', 'medium', 'large'];
-const [split, inline, notification, containerMobile] = variants;
+const [split, inline, notification, containerMobile, fullBleedMobile] = variants;
 const [xsmall, small, medium, large] = sizes;
 const blockConfig = {
   [split]: ['xl', 's', 'm'],
@@ -32,6 +32,7 @@ const blockConfig = {
     [large]: ['l', 'm'],
   },
   [containerMobile]: ['xl', 'l', 'l'],
+  [fullBleedMobile]: ['xl', 's', 'm'],
 };
 const FORMAT_REGEX = /^format:/i;
 const closeSvg = `<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">