HTML - Posicionamiento imágenes

Hola a todos: Estoy haciendo una demo y en una de las páginas quiero que salga una flechita que le indique al usuario que debe pulsar uno de los botones. Trabajo con 4 imágenes, la primera con z-index 1 es la del fondo de la aplicación, la segunda con z-index 2 es la flecha que se va moviendo, la tercera con z-index 3 es la de un botón activable y la cuarta, con -index 4 es la del botón activable activo. Me funciona todo bien, pero cuando la flecha llega al botón, me tendría que aparecer la cuarta imagen y no lo hace. Incluso he sacado las líneas donde se oculta la imagen para que me aparezca siempre visible, pero no se ve. ¿Cómo lo tengo que hacer?

Gracias