Horizontal Scrolling Photos
Be sure the photos are wider than the widest display that will view your site. This will not duplicate photos, but you can manually duplicate them if needed. Add the code below in the global CSS or layout CSS settings in the page builder.
.horizontal-scroll-container {
animation: horizontal-scroll linear;
animation-timeline: scroll(root);
animation-range: entry 0% exit 100%;
}
@keyframes horizontal-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-10%);
}
}