Challenge: Control Z-Index and Overlapping Element

Task

Create a visually appealing background for the website using an illustration composed of 5 different images. All images are correctly positioned within the frame of the parent div element. Your task is to adjust the stacking order using the z-index property to achieve the desired view outlined in the image below:

To change the stacking order of the images within the parent div element, use the z-index property. A higher z-index value, such as 1, raises the element above others in the stacking context, making it visible in the foreground.