block background image settings

web/app/themes/badegg/resources/css/app.scss

@@ -14,6 +14,7 @@
 @use "sections/footer";
 
 // Components
+@use "components/block";
 @use "components/forms";
 @use "components/button";
 @use "components/card";

web/app/themes/badegg/resources/css/components/_block.scss

@@ -0,0 +1,15 @@
+
+
+.has-bg-image {
+  position: relative;
+
+  >.container {
+    position: relative;
+    z-index: 1;
+  }
+
+  .badegg-block-background {
+    position: absolute;
+    inset: 0;
+  }
+}

web/app/themes/badegg/resources/css/editor.scss

@@ -1,6 +1,10 @@
 @use "app";
 @use "global/variables/colours";
 
+html :where(.wp-block) {
+  max-width: none;
+}
+
 .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]) {
   &:hover:after {
     content: '';