.marquee {
        display: inline-block;
        animation: marquee 40s linear infinite;
        white-space: nowrap;
    }

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

        /* Start immediately at the container’s left */
        100% {
            transform: translateX(-100%);
        }

        /* Scroll completely left */
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    }

    /* Example: make images smoother on hover */
.swiper-slide img {
  transition: transform 0.3s ease-in-out;
}
.swiper-slide img:hover {
  transform: scale(1.05);
}

html {
  scroll-padding-top: 60px;
}