Problem Showing Instantiated Objects inside Canvas

I have a canvas named 'Background Canvas'. It has a child object called 'Cloud' and I wish to clone it and place the clone inside the same canvas.

Using the following script, I was able to achieve it and display the results in the game editor, but not in a deployed desktop or mobile application.

 public Image mCloudReference;
 
 void Awake() {
         Image cloud = Instantiate(mCloudReference);
         cloud.transform.SetParent(mCloudReference.transform.parent);
         cloud.rectTransform.sizeDelta = new Vector2(100, 100);
         cloud.rectTransform.anchoredPosition = mCloudReference.rectTransform.anchoredPosition;
         cloud.rectTransform.localScale = Vector3.one;
 }

Cloud clone showing in game editor:

Cloud clone not showing in desktop application:

Things I've Tried:

1. Setting the child index of the cloned object to the bottom and top.

2. Temporarily disabling the background to see if the cloned object is at the back, but it is also not there.

3. Directly set the parent of the object through the parent variable instead of the setParent.