From 614857a8bb63a2826bf305b4c40dddb1ce78e492 Mon Sep 17 00:00:00 2001
From: Ninjinka <scolas@gmail.com>
Date: Tue, 7 Dec 2021 16:47:04 +0100
Subject: [PATCH 1/2] Update helpers.js

---
 src/core/helpers.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/core/helpers.js b/src/core/helpers.js
index 9124111d..9a475961 100644
--- a/src/core/helpers.js
+++ b/src/core/helpers.js
@@ -110,6 +110,9 @@ export function transformChildren(children) {
     if (child.props['data-slug']) {
       item.slug = child.props['data-slug'];
     }
+    if (child.props['data-background']) {
+      item.background = child.props['data-background'];
+    }
     media.push(item);
   });
   return media;

From bb0b423462a315ed6f6f72e54085991497c8dfd2 Mon Sep 17 00:00:00 2001
From: Ninjinka <scolas@gmail.com>
Date: Tue, 7 Dec 2021 16:47:38 +0100
Subject: [PATCH 2/2] Update media.js

---
 src/core/media.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/core/media.js b/src/core/media.js
index 0df05177..6226e27c 100644
--- a/src/core/media.js
+++ b/src/core/media.js
@@ -16,6 +16,7 @@ export default class Media extends React.Component {
       children,
       style,
       loader,
+      background,
       [`data-src`]: dataSrc,
       [`data-alt`]: dataAlt,
       className: mediaClass,
@@ -27,8 +28,6 @@ export default class Media extends React.Component {
       ...extra
     } = media;
 
-    let background = null;
-
     if (source) {
       if (source.match(/\.(mp4|webm)/)) {
         background = (