
Necesito que quede como se ve en la imagen 02, es decir que su cabeza sobresalga del div y se cruce con el div superior.

¿Qué hice? Al div de la imagen le agregué el siguiente código:
position: relative;
z-index: 1;
bottom: 40px;
Con esto el personaje en cuestión sube pero sigue siendo tapado por el div superior.
¿Qué puede ser y cómo lo soluciono?