Использование tikzpicture в бимере для создания направленного акрилового графика

Question

Я пытаюсь добавить направленный акриловый график в презентацию проектора. Используяэтот код(воспроизведено ниже) Я создал слайд, но на полученном изображении все узлы и стрелки накладываются друг на друга. Я пробовал играть с позициями узлов, но независимо от того, какие позиции я ввожу, они накладываются друг на друга на изображении. Как мне сделать так, чтобы оно отображалось правильно (как на изображении ниже с сайта) в Beamer?

\begin{frame}
\begin{tikzpicture}
% nodes %
\node[text centered] (z) {$Z$};
\node[right = 1.5 of z, text centered] (t) {$T$};
\node[right=1.5 of t, text centered] (y) {$Y$};
\node[draw, rectangle, dashed, above = 1 of t, text centered] (u) {$U$};

% edges %
\draw[->, line width= 1] (z) --  (t);
\draw [->, line width= 1] (t) -- (y);
\draw[->,red, line width= 1,dashed] (u) --node {X} (z);
\draw[->,line width= 1] (u) --(t);
\draw[->,line width= 1] (u) -- (y);
\draw[->, red, line width=1,dashed] (z) to  [out=270,in=270, looseness=0.5] node{X} (y);
\end{tikzpicture}

\end{frame}