GSAP Y-Sliding Image Change on Heading Hover

Animation, GSAP
Template Instructions
Purple lavender blooms in a garden with a red barn in the background
Colleagues collaborate around a table with documents, laptops, and coffee
Modern dark-gray apartment building with multiple balconies and wood accents against an overcast sky
Close-up of the pages of an open book
Fluted stone columns lining the steps of a monumental building
Abstract close-up of a blue-green eye with a black pupil and yellow flecks in the iris
Empty passenger seats inside an airplane cabin beside the windows
Close-up of tightly wound copper wire coils on a spool
Ornate theater interior with multiple curved balconies, gilded decorations, chandeliers, and red velvet curtains
Businessperson walking outside a modern office building while carrying a black briefcase

Industries

Agribusiness
Closely-Held Business
Construction & Real Estate
Education
Government
Healthcare
International
Manufacturing
Not-for-Profit
Professional Services

Add GSAP in Elementor custom code (body/end, priority 3 or higher).

Don’t copy/paste styles for images or headings. Data attributes on headings corresponds with the images.