From 19d9fdfd12cdf6110bb5e7ec44ab537b77741911 Mon Sep 17 00:00:00 2001
From: Hendrik Schmidt <hendrik.schmidt@digitalservice.bund.de>
Date: Fri, 27 Sep 2024 15:49:49 +0200
Subject: [PATCH] Switch landing image to one off bg-img

---
 packages/dito/app/routes/_index.tsx       | 4 ++--
 packages/shared/components/Background.tsx | 6 +-----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/dito/app/routes/_index.tsx b/packages/dito/app/routes/_index.tsx
index e9c4e6c1..1d332e4b 100644
--- a/packages/dito/app/routes/_index.tsx
+++ b/packages/dito/app/routes/_index.tsx
@@ -48,7 +48,7 @@ export default function Index() {
           content={landing.dataNotice.content}
         />
       </Container> */}
-      <Background backgroundImage="trainings.jpeg">
+      <div className="bg-[url('/assets/images/trainings.jpeg')] bg-[0%_35%] bg-cover">
         <Container>
           <div className="max-w-[630px] bg-white px-16 py-28 md:px-80 md:py-40 rounded-lg">
             <Box
@@ -58,7 +58,7 @@ export default function Index() {
             />
           </div>
         </Container>
-      </Background>
+      </div>
       <Container>
         <InfoBox
           heading={{
diff --git a/packages/shared/components/Background.tsx b/packages/shared/components/Background.tsx
index 6ac0a91d..0068c1e6 100644
--- a/packages/shared/components/Background.tsx
+++ b/packages/shared/components/Background.tsx
@@ -6,20 +6,16 @@ import type { CommonWrapperProps } from "./CommonWrapperProps";
 const DEFAULT_PADDING_TOP = "0";
 const DEFAULT_PADDING_BOTTOM = "0";
 
-type BackgroundProps = PropsWithChildren<CommonWrapperProps> & {
-  backgroundImage?: string;
-};
+type BackgroundProps = PropsWithChildren<CommonWrapperProps>;
 
 export default function Background({
   backgroundColor = "default",
-  backgroundImage,
   paddingTop = "default",
   paddingBottom = "default",
   children,
 }: BackgroundProps) {
   const cssClasses = classNames(
     backgroundColor !== "default" && BACKGROUND_COLORS[backgroundColor],
-    backgroundImage && `bg-[url('/assets/images/${backgroundImage}')] bg-cover`,
     `!pt-${paddingTop === "default" ? DEFAULT_PADDING_TOP : paddingTop}`,
     `!pb-${
       paddingBottom === "default" ? DEFAULT_PADDING_BOTTOM : paddingBottom