> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.unicornplatform.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Parallax scrolling You can see an example of a working parallax scrolling [here ](https://en-bikehub.unicornplatform.page/parallax-scrolling/) #### Step 1/6 Add the photos component to your page. ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_g7wu8l.png) #### Step 2/6 Clear all fields inside. ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_h4ny3h.png) #### Step 3/6 In the style tab, upload a background image and set the transparency to 0. ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_kzdqj3.png) #### Step 4/6 In the code tab, set up the parallax-section class. ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_135ctem.png) #### Step 5/6 Set the image height. ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1bg1trz.png) ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_3se0us.png) #### Step 6/6 Use this code to Global HTML code ![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1y0pyfa.png) ``` ```