===================================================================
--- original.js
+++ change.js
@@ -5,8 +5,19 @@
 
 /**** 
 * Classes
 ****/ 
+var Background = Container.expand(function () {
+	var self = Container.call(this);
+	// Attach the background_1 asset to the class
+	var backgroundGraphics = self.attachAsset('background_1', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// Position the background at the center of the screen
+	self.x = 2048 / 2;
+	self.y = 2732 / 2;
+});
 // Create a class for bigHeart
 var BigHeart = Container.expand(function () {
 	var self = Container.call(this);
 	self.currentGraphic = null;
@@ -30,20 +41,21 @@
 				anchorY: 0.5,
 				scaleX: 0.9,
 				scaleY: 0.9,
 				heartType: type,
-				index: 5 - i
+				index: 5 - i,
+				visible: !i
 			});
 		}
 	}
 	self.currentGraphic = self.heartFrames[self.heartType][5];
 	self.nextGraphic = self.heartFrames[self.heartType][4];
 	self.currentGraphic.scaleX = 1.1;
 	self.currentGraphic.scaleY = 1.1;
+	self.currentGraphic.visible = true;
 	self.nextGraphic.scaleX = 1.1;
 	self.nextGraphic.scaleY = 1.1;
-	//self.currentGraphic = heartFrames[5];
-	//self.nextGraphic = heartFrames[4];
+	self.nextGraphic.visible = true;
 	// Position the bigHeart at the center of the screen
 	self.x = 2048 / 2;
 	self.y = 2732 / 2 - 300;
 	// Define baseWidth and baseHeight
@@ -68,8 +80,10 @@
 		var frameIndex = 5 - Math.floor(tapCount / self.nbTapsPerFrame);
 		if (!self.explosionTriggered && tapCount < self.tapLimit * (self.heartType + 1) && frameIndex > 0) {
 			self.currentGraphic = self.heartFrames[self.heartType][frameIndex];
 			self.nextGraphic = self.heartFrames[self.heartType][frameIndex - 1];
+			self.currentGraphic.visible = true;
+			self.nextGraphic.visible = true;
 			tween(self.currentGraphic, {
 				scaleX: 1.1,
 				scaleY: 1.1
 			}, {
@@ -90,19 +104,8 @@
 			triggerExplosion(self);
 		}
 		log("Tap count: ", tapCount); // Log the tap count
 		self.currentGraphic.alpha = Math.max(0, Math.min(1, 1 - ((self.heartType + 1) * self.tapLimit - tapCount) / 10));
-		/*
-		for (var i = 5; i >= 0; i--) {
-		// Calculate the alpha value for each heart frame based on tapCount
-		// 1 - (tapCount - (5 - i) * 5) / 10:
-		// - (5 - i) * 5: Determines the threshold for each frame based on its index
-		// - tapCount - (5 - i) * 5: Calculates how far the tapCount is beyond the threshold
-		// - (tapCount - (5 - i) * 5) / 10: Normalizes the value to a range of 0 to 1
-		// - 1 - ...: Inverts the value so that higher tapCounts result in lower alpha
-		self.heartFrames[self.heartType][i].alpha = Math.max(0, Math.min(1, 1 - (tapCount - (5 - i) * self.nbTapsPerFrame * (self.heartType + 1)) / (10 * (self.heartType + 1))));
-		}
-		*/
 		// Log the down event
 		log("Down event triggered on BigHeart");
 		shakeScreen();
 	};
@@ -242,9 +245,9 @@
 					return;
 				}
 				frame.visible = false;
 			});
-			projectionsManager.updateHeartType(self.heartType);
+			projectionsManager.updateHeartType(self.heartType + 1);
 			tween(self.nextGraphic, {
 				scaleX: 45,
 				scaleY: 45,
 				alpha: 0
@@ -259,12 +262,16 @@
 					// Switch to the next heart type
 					self.heartType = (self.heartType + 1) % 10;
 					self.currentGraphic = self.heartFrames[self.heartType][5];
 					self.nextGraphic = self.heartFrames[self.heartType][4];
+					self.currentGraphic.visible = true;
+					self.nextGraphic.visible = true;
 					self.explosionTriggered = false; // Reset explosion flag
 				}
 			});
 			// Make next frame bigger
+			self.heartFrames[(self.heartType + 1) % 10][5].visible = true;
+			self.heartFrames[(self.heartType + 1) % 10][4].visible = true;
 			tween(self.heartFrames[(self.heartType + 1) % 10][5], {
 				scaleX: 1.1,
 				scaleY: 1.1
 			}, {
@@ -302,8 +309,10 @@
 	});
 }
 var nbHearts = 10;
 var backgroundContainer = new Container();
+var background = new Background();
+backgroundContainer.addChild(background);
 var middlegroundContainer = new Container();
 var foregroundContainer = new Container();
 game.addChild(backgroundContainer);
 game.addChild(middlegroundContainer);
@@ -317,11 +326,13 @@
 }
 // Declare tapCount as a global variable
 var tapCount = 0;
 // Create a text object to display tapCount
-var tapCountText = new Text2('Love: 0', {
+var tapCountText = new Text2('LOVE\r\n ', {
 	size: 100,
-	fill: 0xFFFFFF
+	fill: 0xFFFFFF,
+	dropShadow: true,
+	align: 'center'
 });
 // Center the text horizontally, anchor point set at the middle of its top edge.
 tapCountText.anchor.set(0.5, 0);
 // Position the text at the top-center of the screen.
@@ -330,9 +341,9 @@
 var bigHeart = new BigHeart();
 middlegroundContainer.addChild(bigHeart);
 // Update the tapCountText whenever tapCount changes
 function updateTapCountText() {
-	tapCountText.setText('Love: ' + tapCount);
+	tapCountText.setText('LOVE\r\n' + tapCount);
 }
 // Global ProgressManager
 function _typeof(o) {
 	"@babel/helpers - typeof";