I'm curious as to what ramifications one .png image overlapping another would cause or how to justify which would overlap which. This is basically how I would do it.
load up left image

load up right image

flip screen

NOW, if I somehow manage to do this, I'm going to try to animate both sides (one at a time, depending on who's turn it is), but when I animate something like an attack, I'm going to try to make it take up the whole screen, overlapping the png image being attacked, allowing for battle effects like electricity and blood.
In my mind, it seems like it would be possible, but I'm just not experienced enough to know how to manage two images, one on top of the other. Help?