How to properly position images?

Question

css

Here is the conditional structure. Images must be in different <div> blocks (as in the code).
QUESTION. How to make img #3 go on top of img #2 and img #2 go on top of img #1 ?
The structure is mandatory, and the positions are indicated.
Or is there no way at all with such a structure? (

<div position=absolute/fixed>
    <div>
      <div>
        <!-- img №2 -->
        <img z-index=2>				
      </div>
    </div>
  </div>

  <div position=relative>
    <!-- img №1 -->
    <img z-index=1>
      
    <div position=absolute>
      <!-- img №3 -->
      <img z-index=3>
    </div>
  </div>

Answer 1

Hold