Уменьшение изображения на мобильном устройстве с помощью next/Image ⇐ CSS

[Anonymous]

Я использую next/Image вместе с попутным ветром для визуализации изображения, которое действует как баннер. Он занимает всю ширину своего родительского элемента, то есть всю ширину страницы.
Проблема, с которой я столкнулся, заключается в том, что изображение выглядит сплющенным и имеет неправильные пропорции на мобильных устройствах, и я этого хочу. исправить. Я пробовал решения из двух других решений на этом сайте (здесь и здесь), но у меня ничего не получалось.
Я подозреваю, что это может быть высота, установленная в родительском div, который я готов изменить, если это поможет решить мою проблему.

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/786 ... next-image