Layered parallax

Three mountain ranges and a setting sun slide at different speeds as the page scrolls: distant planes move more than near ones, which gives the banner depth. Ideal for a mountain hut, a tourist office, a travel agency, a wine estate or an outdoor event. The landscape is made of three light SVG shapes and the effect follows scrolling through CSS view-driven animations (animation-timeline), and a short script takes over in browsers that do not support them yet (Firefox). The decoration is hidden from screen readers and the practical details form a real description list. AA contrast in light and dark mode. With prefers-reduced-motion the landscape stays still.