.scroll-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; /* default */
  overflow: hidden;
  width: 120px;
  /* Desktop width will be handled by Tailwind classes */
  height: 1rem;
  mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

.scroll-text {
  white-space: nowrap;
  display: inline-block;
  will-change: transform;
  position: relative;
}