Какая правильная настройка компонента next image?

Question

[runextjs]

Фреймворк Next.js. Я использую компонент next image :

alt={"some alt"}
src={imageUrl}
height={imageHeight}
width={imageWidth}
/>

Размер моего контейнера (в нем весь контент) имеет максимальную ширину 1150px и изображения всегда находятся в этом контейнере.
Но next image использует изображение шириной 1920px (для моего экрана). https://i.imgur.com/l85veAj.png Это слишком много! Мой план, настроить конфигурацию так:
module.exports = {
images: {
deviceSizes: [640, 750, 828, 1080, 1150],
},
}

То есть поставить максимальную ширину 1150, как у моего контейнера. Это плохая идея? Что вы мне посоветуете сделать, чтобы избежать загрузки слишком большого изображения?