/* categories.css */
.categories__container {
  position: relative;
  overflow: hidden; /* Hide overflow for a cleaner look */
}

.categories__grid {
  display: flex;
  flex-direction: row;
  animation: scroll 20s linear infinite; /* Auto-scroll effect, slower */
}

.category__card {
  flex: 0 0 auto;
  margin: 20px;
  width: 200px;
}

@keyframes scroll {
  0% {
    transform: translateX(0); /* Start position */
  }
  100% {
    transform: translateX(-100%); /* Scroll left by 100% */
  }
}