diff --git a/background-move/src/components/background.tsx b/background-move/src/components/background.tsx
index 13d93d6..ba4d597 100644
--- a/background-move/src/components/background.tsx
+++ b/background-move/src/components/background.tsx
@@ -5,17 +5,25 @@ import '../theme/background.css';
 const Background: react.FC<{
   shift: { x: number; y: number };
   zoom: number;
-}> = (props: { shift: { x: number; y: number }; zoom: number }) => {
-  console.log(`--- Rendering background, props: ${JSON.stringify(props)} ---`);
+  children?: JSX.Element;
+}> = (props: {
+  shift: { x: number; y: number };
+  zoom: number;
+  children?: JSX.Element;
+}) => {
+  const {children: children, ...argProps} = props; 
+  console.log(`--- Rendering background, props: ${JSON.stringify(argProps)} ---`);
 
   return (
     <div
       className='background'
       style={{
-        transform: `translate(${-props.shift.x}px, ${-props.shift.y}px) scale(${props.zoom})`,
+        transform: `translate(${-props.shift.x}px, ${-props.shift.y}px) scale(${
+          props.zoom
+        })`,
       }}
     >
-      <img src='/assets/background.jpg' alt='' />
+      {props.children}
     </div>
   );
 };
diff --git a/background-move/src/components/viewport.tsx b/background-move/src/components/viewport.tsx
index c93844e..b3e53f7 100644
--- a/background-move/src/components/viewport.tsx
+++ b/background-move/src/components/viewport.tsx
@@ -221,7 +221,9 @@ const Viewport: react.FC<{}> = (props: {}) => {
       onTouchEnd={touchEndHandler}
       onTouchCancel={mouseLeaveHandler}
     >
-      <Background shift={shift} zoom={zoom}/>
+      <Background shift={shift} zoom={zoom}>
+        <img src='/assets/background.jpg' alt='' />
+      </Background>
     </div>
   );
 };
diff --git a/background-move/src/theme/background.css b/background-move/src/theme/background.css
index fdff735..c4cd501 100644
--- a/background-move/src/theme/background.css
+++ b/background-move/src/theme/background.css
@@ -5,7 +5,3 @@
   z-index: -1;
 }
 
-.background img {
-  width: 4032px;
-  height: 2268px;
-}
diff --git a/background-move/src/theme/viewport.css b/background-move/src/theme/viewport.css
index a5b031e..8b4137e 100644
--- a/background-move/src/theme/viewport.css
+++ b/background-move/src/theme/viewport.css
@@ -2,4 +2,10 @@
     position: fixed;
     width: 100%;
     height: 100%;
-}
\ No newline at end of file
+}
+
+.background img {
+    width: 4032px;
+    height: 2268px;
+  }
+  
\ No newline at end of file