I am using the Next.js Image component so it can optimze my images. On my local machine the images are being displayed well, but after deploying on railway, the images are only showing on small screens. At first they were not even showing at all untill I saw the warning in the server logs recommending me to install 'sharp' package. I did that and now thats when the images are only showing on small screens only in production. The jsx in my components for the images through out my project is like this:
<div className=" w-full h-[600px]">
<Image
src={article?.cover_image}
style={{
objectFit: "cover",
}}
fill
alt="Article cover image"
/>
</div>
What am I doing wrong?
