@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.animate-marquee {
    animation: marquee 100s linear infinite;
}
.group:hover .animate-marquee {
  animation-play-state: paused;
}
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fadeIn {
            animation: fadeIn 0.8s ease-out forwards;
        }

        /* Very important – must be in your global stylesheet (before Alpine loads) */
        [x-cloak] {
            display: none !important;
        }