chore: correct about me css issue with buttons

css/index.css

@@ -59,7 +59,7 @@
   flex-wrap: nowrap;
   align-items: center;
   gap: 5px;
-  width: calc(14 * 96px);
+  width: max-content;
 }
 .carousel-buttons img {
   flex-shrink: 0;
@@ -67,14 +67,11 @@
 }
 /* Carousel animation */
 @keyframes carousel {
-  0% {
-    transform: translate3d(0, 0, 0);
-  }
-  100% {
-    transform: translate3d(calc(14 * -96px), 0, 0);
-  }
+  0% { transform: translateX(0); }
+  100% { transform: translateX(-50%); }
 }
 
+
 /* View Counter Container */
 .view-counter-container {
   display: flex;