Placing images in order and color overlap?

beginners
#1

Hi, noob here.

I’ve successfully loaded 2 images and made 1 shape (Yay) but they are out of place (boo).
The larger image (A) is covering up the smaller image (B).

So, I was wondering if there was like a function for layering like photoshop.

So It would be like

C being at the top of the screen, then B, then A, then BG.

Also I’ve set the color for one image B but it affects the image below it (A) and (A) is like a dark picture can’t really define its color…
I’ve SetHex color for image C and B but not A (as mentioned, A is a dark grayscale picture).

Is there a function to keep the original image color?

Here’s the code if it helps…

ofSetBackgroundColorHex(0xffffff); /// BG

ofPushMatrix();
ofBeginShape();
ofSetHexColor(0x000000);
ofTranslate(0, 0);
ofDrawRectangle(0, 0, 1000, 500); ////This would be (C)
ofEndShape();
ofPopMatrix();

ofPushMatrix(); 
ofTranslate(ofGetWidth()/2 - 110, ofGetHeight()/2 +330);
ofSetHexColor(0xed1f24);
image_2.draw(0,0,255, 75); ////This is (B)
ofPopMatrix();

ofPushMatrix();
ofTranslate(0, 0);
OF_IMAGE_COLOR;
image.draw(0,0,ofGetWidth(), ofGetHeight()); ////This is (A)
ofPopMatrix();

Thank you !