Help Proportional scaling MovieClips relative to stage

programming flash
1

Hello
I need some assistance on how to proportionally scale multiple movieClips relative to the stage size.

I understand movieclip placement relative to the stage, and I have been using a code to scale MovieClips as a fullscreen background (also proportionally)

But

I can not figure out for the life of me how to scale other movieclips in relation
to the stage size.

for example I have a background_mc that proportionally scales with the stage
to fill without distortion.

HOW do I then place another MC say center aligned (I know how to do that) that will scale with the background without distortion?

Ideally I would like to place several MC’s on my stage all scaling in proportion with the stage yet independently.

I have not been able to find any documentation on this.
lots of tutorials on backgrounds and color fills and the like but nothing
on proportional scaling of independent mc’s

this is the code I use for my background_mc (can it be modified or should it be thrown out the window to achieve independent scaling?)



import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeHandler);


//function to handle background image resize.
function setBackground() {
	var reg2 = stage.stageWidth / 2;
	var reg1 = stage.stageHeight / 2;
	bg_mc.x = reg2;
	bg_mc.y = reg1;
	bg_mc.width = stage.stageWidth;
	bg_mc.height = stage.stageHeight;
	bg_mc.scaleX <= bg_mc.scaleY ? (bg_mc.scaleX = bg_mc.scaleY) : (bg_mc.scaleY = bg_mc.scaleX);
	
}
setBackground();

function resizeHandler(event:Event):void {
	setBackground();

thanks