# Layered images ![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(43)_HgsA8MCH.jpg) This section is available on ✨ **Zest version 9.0.0 onwards**. See our [Changelog](/zest-theme/changelog) Enhance your website with the **Layered Images** section, a visually engaging feature that creates a smooth, overlapping transition as users scroll. This effect adds movement, depth, and storytelling power to your brand’s imagery, making your website feel more immersive and high-end. Instead of images staying fixed in their place, this section allows them to **collapse into each other**, creating a seamless transition. As the user scrolls, one image subtly layers over the previous one, maintaining a smooth and immersive browsing experience. This effect is perfect for: * Telling a brand story through images * Showcasing multiple product shots in an elegant way * Creating a visually engaging landing page ## How to add a Layered images **section** to your Shopify store **Steps:** 1. In the theme editor **(Customize)** > click **Add section** 2. Select **Layered images**. 3. Make necessary changes. 4. **Save** the settings. ![image](https://docs-assets.foxecom.app/zest-theme/image_pKZIW10N.png) ## How to edit a Layered images **section** ### Section settings #### Image settings Select the **Image ratio** for the layered images and control how your text and other design elements are arranged around the images by using the **Vertical alignment** setting. ![image](https://docs-assets.foxecom.app/zest-theme/image_KADfc2uJ.png) ### Block settings In the **Layered images** section, you can add up to 5 blocks. ![image](https://docs-assets.foxecom.app/zest-theme/image_jjoa8K0i.png) You can choose a featured **Image** for the layered image. ![image](https://docs-assets.foxecom.app/zest-theme/image_kIChz4T7.png) ![image](https://docs-assets.foxecom.app/zest-theme/image_fRxmeL4J.png) Use the provided text fields to add a suitable **Heading, Subheading,** and **Description**. Leave them blank if you do not want to display them.
![image](https://docs-assets.foxecom.app/zest-theme/image_yfxoszTV.png) ![image](https://docs-assets.foxecom.app/zest-theme/image_OxNhz5LB.png)