Ahora, quiero lograr esto dinámicamente, cuando hago clic en la tarjeta de tomate, el número debajo aumenta, de modo que las imágenes de la canasta se superpongan como en la imagen 2. Sé cómo funciona el índice z, pero no lo sé. No sé cómo debo usarlo para colocar estas imágenes como en la imagen 2.

La imagen 3 muestra lo que puedo lograr usando "display:flex; flex-direction:column-reverse;", por lo que el primer elemento está en la parte inferior, el segundo elemento va por encima de la parte inferior y así sucesivamente.

Gracias por adelantado.