How come css animations change z-index? [duplicate]

Answer 1

CSS Animations reset the z-index.

So what you probably have to do is give the red image a z-index of 0 and the blue image a z-index of 1.