Use a container element and add a background image to the container with a specific height. Then use the background-attachment: fixed to create the actual parallax effect. The other background properties are used to center and scale the image perfectly:
background-attachment: fixed
Some mobile devices have a problem with background-attachment: fixed. However, you can use media queries to turn off the parallax effect for mobile devices:
Final Result
https://huarlem.outsystemscloud.com/Parallax_Sample/
© 2020 www.w3schools.com