Transition and Transform

Set the height of the outer container to be high. The image holder to have a fixed height and width will cover the entire width of the parent. Background image will be given in the css and transform and transiton options to be given. Add and remove class containing the transform using jquery. The idea is to set a range for the window scrollTop positions and remove or add class based on requirement. This is done inside the if-else loop.