CSS - Parallax scrolling effect

Parallax effect on scrolling. It uses the background-attachment:fixed; property to fix the image and the display:flex; and align-items:center; properties to center the text vertically.