Changing figure position in a two-column presentation slide

Question

I am trying to make a presentation with the beamer package. One of the slides requires me to have an image change with every new line of text I open.

I do this by splitting the slide in columns with column environment, putting the text in an item environment in the left column, and... trying out various things for the images.

My current slides are using \only<x>{ .. }, and I am aware this is most likely the problem. But, I've tried tips from all the similar questions (this, this, this, this), but using \onslide (with or without overlay or overprint environment) jams all the images together and does not transition through them at all.

I've checked that my images are of the completely same size (it's 3-steps-of-a-process, the same image with new elements in each step), but they still keep changing position. The latex code I am using right now:

\begin{frame}
\frametitle{Title}
  \begin{columns}
    \begin{column}{.6\textwidth}
      \begin{itemize}
        \item<1-> \emph{Important text}
        \item<2-> Very important process
            \begin{itemize}
                    \item<3-> Steps one and two
                    \item<5-> Step with no image
            \end{itemize}
      \end{itemize}
    \end{column}
    \begin{column}{.4\textwidth}
    \vspace{0cm}
        \begin{figure}[h]
        \only<2>{ \includegraphics[scale = 0.6]{img/proc0.png} }
        \only<3>{ \includegraphics[scale = 0.6]{img/proc1.png} }
        \only<4>{ \includegraphics[scale = 0.6]{img/proc2.png} }
        \end{figure}
    \end{column}
  \end{columns}
\end{frame}

My taughts were that the figure environment might reserve the space that \only<x> does not... and it helped a little but not all the way. Without the figure environment, proc1.png is displayed a little to the right of proc0.png, and proc2.png is displayed a little more to the right. With the figure environment, proc1.png is again displayed a bit more to the right than proc0.png, but then proc2.png is displayed in the same place.

I've tried all the combinations I have found on Google and here that made sense to me. Currently, I ran out of inspiration for what else to try so I would appreciate any help from the community.

Here are the images I am using (if you guys think they are too big to be in a post, I will just change it into a link, but for now..):

Answer 1

The following works for me:

\documentclass{beamer}
\usepackage{graphicx}
\begin{document}

\begin{frame}{Title}
  \begin{columns}
    \begin{column}{.6\textwidth}
      \begin{itemize}
        \item<1-> \emph{Important text}
        \item<2-> Very important process
            \begin{itemize}
                    \item<3-> Steps one and two
                    \item<5-> Step with no image
            \end{itemize}
      \end{itemize}
    \end{column}
    \begin{column}{.4\textwidth}
        \begin{overlayarea}{0.38\textwidth}{4cm}
        \includegraphics<2>[scale = 0.6]{proc0.png}%
        \includegraphics<3>[scale = 0.6]{proc1.png}%
        \includegraphics<4>[scale = 0.6]{proc2.png}%
        \end{overlayarea}
    \end{column}
  \end{columns}
\end{frame}

\end{document}