Here’s an interactive tutorial
** Best experienced in Full Screen (click the icon in the top right corner before you begin) **
25 STEPS
1. Open your page and click Edit with Elementor
2. Click Navigator
3. Open Container
4. Click Image
5. Right Click Image
6. Click Duplicate
7. Click Advanced
8. Change Z-Index to -3
9. Click Link values together
10. Click Top
11. Click Top and apply a negative margin. In our case: -460
12. Click Left
13. Add 50 to your Left margin to displace the shadow and create the effect.
14. Click Style
15. Click CSS Filters
16. Click Blur
17. Type Blur value. In our case: 9
18. Click Contrast
19. Change Contrast value to 10, as we don’t want a contrasting and uneven shadow.
20. Click Saturation
21. Change Saturation value to 0 as we want a desaturated shadow.
22. Click Opacity
23. Change the Opacity value
24. In our case it is 0.5, but you may adjust it accordingly.
25. Click Update to save your changes.