I have the following images imported in a component:

import Image from "next/image";
import preparingImage from '@/images/preparing.svg'
import loadingImage from '@/images/loading.svg'
import generatingImage from '@/images/generating.svg'

I am displaying the image as following:

<Image src={generatingImage} alt="Loading" width={320} height={320} />

Can I randomly display one of the three images?

Any pointers on how to achieve this since am importing them?