Image component not displaying images

<Image
                        src={'/images/cover.jpeg'}
                        alt="back"
                        className="front"
                        width={500}
                        height={500}
                        priority
                        onClick={handleClick}
                    />
<Image
                        src={card.src}
                        alt="card image"
                        className="front"
                        width={500}
                        height={500}
                        priority
                    />

const cardImages = [
    { src: '/images/hiruma.jpg', matched: false },
    { src: '/images/ikki.jpg', matched: false },
    { src: '/images/ippo.jpg', matched: false },
    { src: '/images/kongo.jpg', matched: false },
    { src: '/images/kusanagi.jpg', matched: false },
    { src: '/images/luffy.jpg', matched: false },
    { src: '/images/taiga.jpg', matched: false },
    { src: '/images/takamura.jpg', matched: false },
    { src: '/images/yoko.jpg', matched: false },
];