.scroll{position:relative;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scroll div{white-space:nowrap;animation:scroll var(--time) linear infinite;animation-delay:calc(var(--time)*-1)}.scroll div:nth-child(2){animation:scroll2 var(--time) linear infinite;animation-delay:calc(var(--time)/-2)}.box-image{animation-play-state:running}.box-image:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes scroll2{0%{transform:translate(0)}to{transform:translate(-200%)}}.imgBox div{display:flex;align-items:center;justify-content:center}.bg-dots-darker{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){.dark\:bg-dots-lighter{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E")}}