I am using useTheme hook in nextJs to give src attribute to Image component but the problem is it gives this warning and the expected result doesn’t occur:

I have the following images imported in a component:

I finished a customer website (look at dev2.bodyharmoniewien.at) and in the treatment sections, there’s an image reel which receives the images by an array of image paths, set in a content.tsx file for each treatment.
If I run the website in development mode at localhost:3000, I can see all images.
But when I deployed the website via Docker on our production server, strangely some images are being shown, but some are not – even though they have the same paths.
All images of “HotStone” are loading (but with a suspicious delay), so does the logo-image, the hand-with-flower-image and the sample images of “Studio Niederösterreich”.

I am trying to set the Image title with the NextJS Image component but looks like it doesnt take the attribtute. Any hack on how to get it to work?

I am trying to fetch udemy courses from backend but i keep getting this error when i use Image component.
Error: Invalid src prop (https://img-b.udemycdn.com/course/750×422/1943926_e313.jpg) on next/image, hostname “img-b.udemycdn.com” is not configured under images in your next.config.js
this is the next.config.js

I want to load different images for mobile viewport. Based on the Next.js doc passing srcSet does not work, so how can I do it?