Move a image one step further on the basis of yes/no question

I am working on a slide that involves a series of yes-no questions.  The user will answer that question by clicking Yes or No button. By clicking any of Yes or No button current question will hide and another question will appear.

There is a group of elements that shows steps and there is an image of a child. 

screenshot: 

if the user clicks Yes the child image will move one step forward. suppose the user answers it Yes it will be like this. 

And if the user answer No then the child's image won't move but will move if Yes is answered in any future question.

what I tried is adding an image above each of the steps and hiding them initially and when the user type Yes, tried to show the next one and hiding the previous image.  but if the user answers No in few questions for e.g if the user keeps answering No up to the fourth question and answers Yes in the fifth question I could not be able to show the image above the second step.

is there a better way to do this? I am expecting to do with only one image and like increase a variable each time user click Yes on the basis of that variable moving the image to right by like 10px and do nothing when the user clicks No.

Thank you.