context.globalCompositeOperation = "destination-over"

“destination-over” compositing places new drawing under existing drawings.

context.drawImage(rainy,0,0);
context.globalCompositeOperation='destination-over';  // sunny UNDER rainy
context.drawImage(sunny,0,0);

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/357d6938-eab4-46ed-83e3-6ba75a5ab600/Untitled.png