How can I activate a gui while teleporting to another pad as a transition?

Hi, sorry for the interruption but how can I activate a fading gui in my Teleport Portal.
Picture of my portal :
image

This is my teleporting script:
image

local pad1 = workspace.Stage1
local pad2 = workspace.Stage2
local cooldown = 1

pad1.Touched:Connect(function(hit)


if hit.Parent:FindFirstChild("Humanoid") then
		if hit.Parent:FindFirstChild("HumanoidRootPart") then
			print("touched")
			
		local hrp = hit.Parent.HumanoidRootPart
		wait(cooldown)
		hrp.CFrame = pad2.CFrame + Vector3.new(0,2,0)
		wait (cooldown)
			
		script.Disabled = true
		wait(cooldown)
		script.Disabled = false

		end
	end
end) 

I wanted to create a portal that when you enter your screen fades (when I step on the part it
instantly teleports me to the other pad), I just wanted to create some kind of transition to make it look smoother.

Alright, for one, you aren’t interrupting anybody

To make a fading effect, you’re gonna need to find the player that touched it by using the function Players:GetPlayerFromCharacter(hit.Parent). Then with a RemoteEvent you fire to the client.

Then in StarterGui make a plain black frame that fills the entire screen and set the BackgroundTransparency to 1 and Visible to false. Then, with a LocalScript where you will receive the server event, make the frame become visible and slowly tween the transparency to 0, then back to 1.

Hope this helps

You Big help man thanks alot especially for the time to type the answer!