===================================================================
--- original.js
+++ change.js
@@ -143,35 +143,8 @@
 	self.toggle = function () {
 		self.visible = !self.visible;
 	};
 });
-// Define a class for the Mug of Hot Chocolate
-var HotChocolate = Container.expand(function () {
-	var self = Container.call(this);
-	var mugGraphics = self.attachAsset('hotChocolate', {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	self.x = 2048 / 2 - 800; // Position the mug on the left side of the table
-	self.y = 2732 / 2 + 1200; // Position the mug on the table
-	// Create steam effect
-	var steam = new Container();
-	var steamGraphics = LK.getAsset('darkOverlay', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		alpha: 0.3
-	});
-	steam.addChild(steamGraphics);
-	steam.y = -100; // Position steam above the mug
-	self.addChild(steam);
-	// Animate steam rising
-	self.update = function () {
-		steam.y -= 0.5; // Move steam upwards
-		if (steam.y < -150) {
-			steam.y = -100; // Reset steam position
-		}
-	};
-});
 // Define a class for the LED Light
 var LEDLight = Container.expand(function () {
 	var self = Container.call(this);
 	var ledGraphics = self.attachAsset('ledLight', {
@@ -198,8 +171,38 @@
 		// Mirror the light switch vertically
 		switchGraphics.scale.y *= -1;
 	};
 });
+// Define a class for the Mug
+var Mug = Container.expand(function () {
+	var self = Container.call(this);
+	var mugGraphics = self.attachAsset('hotChocolate', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	self.x = 2048 / 2 + 800; // Position the mug to the right side of the table
+	self.y = 2732 / 2 + 1200; // Position the mug on the table
+	// Create steam effect
+	var steam = new Container();
+	var steamGraphics = LK.getAsset('darkOverlay', {
+		anchorX: 0.5,
+		anchorY: 1.0,
+		alpha: 0.5
+	});
+	steam.addChild(steamGraphics);
+	steam.y = -100; // Position steam above the mug
+	self.addChild(steam);
+	// Animate steam rising
+	steam.update = function () {
+		steam.y -= 1; // Move steam upwards
+		if (steam.y < -150) {
+			steam.y = -100; // Reset steam position
+		}
+	};
+	self.update = function () {
+		steam.update();
+	};
+});
 // Define a class for Snowflake
 var Snowflake = Container.expand(function () {
 	var self = Container.call(this);
 	var snowflakeGraphics = self.attachAsset('snowflake', {
@@ -339,11 +342,8 @@
 
 /**** 
 * Game Code
 ****/ 
-// Add the mug of hot chocolate to the game
-var hotChocolate = game.addChild(new HotChocolate());
-game.setChildIndex(hotChocolate, game.children.length - 1); // Ensure hotChocolate is rendered above the table
 // Initialize snowflakes
 var snowflakes = [];
 for (var i = 0; i < 100; i++) {
 	var snowflake = new Snowflake();
@@ -376,8 +376,10 @@
 // Add the table to the game
 var table = game.addChild(new Table());
 // Add the wooden box to the game
 var woodenBox = game.addChild(new WoodenBox());
+// Add the mug to the game
+var mug = game.addChild(new Mug());
 var toggleSwitch = game.addChild(new ToggleSwitch());
 toggleSwitch.isTouched = false; // Ensure toggle switch is in close state when the game starts
 var lightSwitch = game.addChild(new LightSwitch());
 var catPaw = game.addChild(new CatPaw());
@@ -399,9 +401,8 @@
 		darkOverlay.toggle(); // Toggle the dark overlay
 		lightSwitch.isTouched = false; // Reset the switch state
 	}
 	ceilingLight.updateSwaying(); // Update swaying effect for ceiling light
-	hotChocolate.update(); // Update steam animation for hot chocolate
 	// Update snowflakes
 	for (var i = 0; i < snowflakes.length; i++) {
 		snowflakes[i].update();
 	}