diff --git a/src/components/GrillContainer.tsx b/src/components/GrillContainer.tsx index 0b9fe81..eced0d9 100644 --- a/src/components/GrillContainer.tsx +++ b/src/components/GrillContainer.tsx @@ -10,13 +10,6 @@ export const GrillContainer: Component<{ }> = (props) => { return (
- -
-
- {props.absoluteBackground} -
-
-
+ +
+
+ {props.absoluteBackground} +
+
+
); }; diff --git a/src/components/grill_container.css b/src/components/grill_container.css index e43d963..f59f143 100644 --- a/src/components/grill_container.css +++ b/src/components/grill_container.css @@ -1,5 +1,5 @@ .background-container { - @apply absolute top-0 right-0 w-full h-full; + @apply absolute top-0 right-0 w-full h-full -z-10; } .background-element { diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index a96156d..2fb0968 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -19,9 +19,9 @@ const page = pathname.slice(1); -
+
diff --git a/src/styles/global.css b/src/styles/global.css index a023d51..70e0b99 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -88,7 +88,7 @@ height: 200%; top: -50%; left: -50%; - z-index: -1; + z-index: -10; mask-size: 2rem; mask-image: url("/images/grill.png"); mask-repeat: repeat;