My Custom Image backround does not show the GUI I want it to be it shows sky instead?

So i've been trying for the last few decades to try put my own Image appear when I press the teleport button Instead of seeing roblox's grey Image which I did fix but now all theres to fix is that my image is not appearing and roblox's sky and my map is appearing The grey Image is an Frame and it is Orange and the things inside the orange frame is the item which spin rotates the leaf or also known as image as seen rotation+1 in the while true loop. So for example if i pressed teleport button it will teeport me but roblox's default screen won't show the Image backround will show the orange frame will show

local RF = game:GetService("ReplicatedFirst")
RF:RemoveDefaultLoadingScreen()

local teleportservice = game:GetService("TeleportService")

local place = 2476193997

local player = game.Players.LocalPlayer


Framas = game.StarterGui:WaitForChild("TeleportGui")
Framez = Framas.Frame
Frame = script.Parent.Frame
WaitFrame = script.Parent:WaitForChild('Frame')
ImageLabel = Frame:WaitForChild('ImageLabel')
rs = game:GetService("RunService").RenderStepped

Startbutton = script.Parent.Parent.ScreenGui.Part



Startbutton.MouseButton1Click:Connect(function()

Frame:TweenPosition(UDim2.new(0,0,0,0))

wait(1)

ImageLabel:TweenSize(UDim2.new(0.2, 0,0.5, 0,'Out','Linear'))

while true do

ImageLabel.Rotation = ImageLabel.Rotation + 1

rs:wait()

end

end)

Startbutton.MouseButton1Click:Connect(function()
	wait(1)
	local teleportscreen = game:GetService("TeleportService"):SetTeleportGui(Framas)
	
	teleportservice:Teleport(place,player,nil,teleportscreen)
end)

end)