===================================================================
--- original.js
+++ change.js
@@ -79,9 +79,9 @@
 /**** 
 * Global level configurations
 ****/ 
 var game = new LK.Game({
-	backgroundColor: 0x477920
+	backgroundColor: 0x000000
 });
 
 /**** 
 * Game Code
@@ -1688,8 +1688,10 @@
 };
 var currentState = GAME_STATE.INIT;
 var isPlaying = true;
 var backgroundLayer;
+var backgroundImage1;
+var backgroundImage2;
 var middleLayer;
 var gridBoard;
 var gridBoardSoil;
 var growGrass;
@@ -1788,10 +1790,8 @@
 	}
 }
 function animateSoil() {
 	log("Animate soil...");
-	//gridBoardSoil.visible = true;
-	//gridBoardSoil.alpha = 0;
 	var alphaIncrement = 0.05; // Adjust the increment for desired speed
 	// Animate all baseTile tiles' alpha from 1 to 0
 	puzzleManager.grid.forEach(function (row) {
 		row.forEach(function (tile) {
@@ -1858,8 +1858,24 @@
 	// Init and Add backgroundLayer
 	backgroundLayer = new Container();
 	middleLayer = new Container();
 	game.addChild(backgroundLayer);
+	// Add backgroundPlaying1 to the menu state
+	backgroundImage1 = LK.getAsset('backgroundPlaying1', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	backgroundImage1.x = 2048 / 2;
+	backgroundImage1.y = 2732 / 2;
+	backgroundLayer.addChild(backgroundImage1);
+	backgroundImage2 = LK.getAsset('backgroundPlaying1', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		scaleX: -1
+	});
+	backgroundImage2.x = 2048 + 2048 / 2;
+	backgroundImage2.y = 2732 / 2;
+	backgroundLayer.addChild(backgroundImage2);
 	// Initialize grid board shadow
 	gridBoardSoil = LK.getAsset('gridBoardSoil', {
 		anchorX: 0.5,
 		anchorY: 0.5,
@@ -1894,9 +1910,9 @@
 	puzzleManager = new PuzzleManager(game);
 	// Initialize level text
 	levelText = new Text2("1", {
 		size: 200,
-		fill: 0x111111,
+		fill: 0x222222,
 		weight: 1000,
 		dropShadow: false
 	});
 	levelText.x = 2048 / 2 - 50;
@@ -1912,16 +1928,8 @@
 function initMenuState() {
 	// Show level selection UI
 	log("Entering Menu State");
 	isPlaying = false;
-	// Add backgroundPlaying1 to the menu state
-	var backgroundPlaying1 = LK.getAsset('backgroundPlaying1', {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	backgroundPlaying1.x = 2048 / 2;
-	backgroundPlaying1.y = 2732 / 2;
-	backgroundLayer.addChild(backgroundPlaying1);
 	// Add logo to the menu state
 	logo = LK.getAsset('logo', {
 		anchorX: 0.5,
 		anchorY: 0.5,
@@ -1995,16 +2003,21 @@
 }
 function initNewRoundState() {
 	log("Entering New Round State");
 	LK.getSound('levelStart').play();
-	// Create and add backgroundPlaying1 to backgroundLayer
-	var backgroundPlaying1 = LK.getAsset('backgroundPlaying1', {
-		anchorX: 0.5,
-		anchorY: 0.5
+	// Animate background images to slide to the left
+	tween(backgroundImage1, {
+		x: -2048 / 2
+	}, {
+		duration: 1000,
+		easing: tween.easeInOut
 	});
-	backgroundPlaying1.x = 2048 / 2;
-	backgroundPlaying1.y = 2732 / 2;
-	backgroundLayer.addChild(backgroundPlaying1);
+	tween(backgroundImage2, {
+		x: 2048 / 2
+	}, {
+		duration: 1000,
+		easing: tween.easeInOut
+	});
 	// Reset puzzle manager for new round
 	if (puzzleManager) {
 		puzzleManager.initPuzzle();
 	}