Custom Parallax Background and Cheers Beers!

This hero is built using a basic hero section built with Kadence rows and sections that contains a company logo as well as an HTML block that is responsible for the beers. What drives the motion you can see within this hero is JavaScript.

The hero row contains a background image with an original background-position, and the JavaScript tells the background-position to change, and the transition is driven by the user scrolling. As for the beers, this is two different images with similar positioning changes that are also driven by the users scrolling.