diff --git a/app/assets/stylesheets/wizard.scss b/app/assets/stylesheets/wizard.scss
index a5fd0ca6dd..97ef15dbcd 100644
--- a/app/assets/stylesheets/wizard.scss
+++ b/app/assets/stylesheets/wizard.scss
@@ -9,6 +9,705 @@
@import "common/select-kit/*";
@import "common/components/svg";
+$bubbles-mask: svg-uri(
+ '
+'
+);
+
body.wizard {
background-color: var(--secondary);
background-repeat: repeat;
@@ -27,8 +726,8 @@ body.wizard {
}
#wizard-main:before {
- mask: asset-url("/images/wizard/bubbles.svg");
- -webkit-mask: asset-url("/images/wizard/bubbles.svg");
+ mask: $bubbles-mask;
+ -webkit-mask: $bubbles-mask;
mask-size: 30%;
-webkit-mask-size: 30%;
background-color: var(--primary-low-mid);
diff --git a/public/images/wizard/bubbles.svg b/public/images/wizard/bubbles.svg
deleted file mode 100644
index 77f97f05ba..0000000000
--- a/public/images/wizard/bubbles.svg
+++ /dev/null
@@ -1,710 +0,0 @@
-