Update script.js

script.js

@@ -42,6 +42,7 @@ if ('ontouchstart' in window) {
     cream.addEventListener('touchstart', (e) => {
         touchStartX = e.touches[0].clientX;
         touchStartY = e.touches[0].clientY;
+        cream.classList.add('active');
     });
     cream.addEventListener('touchmove', (e) => {
         const deltaX = (e.touches[0].clientX - touchStartX) / 8;
@@ -50,11 +51,6 @@ if ('ontouchstart' in window) {
     });
     cream.addEventListener('touchend', () => {
         cream.style.transform = 'perspective(3000px) rotateY(0deg) rotateX(0deg)';
-    });
-    cream.addEventListener('touchstart', () => {
-        cream.classList.add('active');
-    });
-    cream.addEventListener('touchend', () => {
         cream.classList.remove('active');
     });
 } else {
@@ -64,11 +60,11 @@ if ('ontouchstart' in window) {
         cream.style.transform = `perspective(3000px) rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
     });
     cream.addEventListener('mouseenter', () => {
-        cream.style.filter = 'brightness(1.5)';
-        cream.style.transform = 'translateY(-30px) rotateZ(5deg) translateZ(50px)';
+        cream.style.filter = 'brightness(1.6)';
+        cream.style.transform = 'translateY(-40px) rotateZ(10deg) translateZ(70px)';
     });
     cream.addEventListener('mouseleave', () => {
-        cream.style.filter = 'brightness(1)';
+        cream.style.filter = 'brightness(1.3)';
         cream.style.transform = 'translateY(0) rotateZ(0deg) translateZ(0)';
     });
 }