Replicate 3d animation from another website

Should the banner animation start automatically on scroll or only after the user reaches a certain point on the page?

When the banner is clicked, do you want it to expand in place, open a lightbox, or redirect to another page?

Do you want the banner to be fully responsive on mobile and tablet, maintaining the same animation behavior?

Are there any specific design tweaks or visual effects you want added beyond the example?

Hey Justin, To replicate the Odette restaurant banner animation accurately, could you clarify:

Should the thumbnail animation be built using a JavaScript library like GSAP with ScrollTrigger, or do you prefer a WordPress plugin solution like Scrollsequence?
Will the open-on-click function link to an external page, or should it trigger a lightbox/modal with content?
Do you have the image sequence or video assets ready, or should I assist in preparing them from a source video?
Is there a specific scroll speed or animation easing effect you want to match from the original site?
Will this banner be used on desktop only, or does it need full mobile responsiveness?
This ensures the implementation aligns perfectly with your site’s performance and design standards.