Почему указанное значение ширины игнорируется для этого изображения? ⇐ CSS

[Anonymous]

В настоящее время я занимаюсь разработкой с помощью Next.js и использую компонент, предоставленный Next.js. Мы используем один и тот же компонент, но почему изображение ниже игнорирует заданное мной значение ширины? Структура компонента следующая.

интерфейс IcontextProps { источник: строка; альтернативный вариант: строка; ширина: число; высота: число; текст: строка; } экспортировать функцию по умолчанию IconText({ источник, альт, ширина, высота, текст, }: IcontextProps) { возвращаться ( {text ); } --------- CSS .icon-text-wrapper { дисплей: гибкий; выровнять-элементы: по центру; изображение { ширина: 100%; } охватывать { пробел: nowrap; } } Я импортирую и использую его в main.tsx следующим образом.

------ CSS .event-info-top-wrapper { отступ снизу: 16 пикселей; .event-date-wrapper { дисплей: гибкий; разрыв: 8 пикселей; } } Спасибо за решение и объяснение. Не могли бы вы объяснить причину такого решения