In this tutorial, we’ll build a scroll-driven image gallery in Webflow where background images fade into one another, text labels slide in and out with staggered Split Text animations, and a 3D cube rotates through the same images while moving along a hexagonal path. The final result combines CMS-driven content, Webflow’s GSAP-powered interactions, CSS custom styling, 3D transforms, and a few small layout refinements to create an interaction that feels much more complex than the structure behind it actually is. And the best part is that the entire setup is reusable: once the CMS structure is in place, you can replace the images and text with your own content and keep the animation logic intact. 1. Starting from the CMS structure The starting point for this project is an absolutely blank canvas. The only thing prepared in advance is a CMS Collection called  Pictures .…