Vite React + Bootstrap: правило CSS не применяется только к элементу IMG ⇐ CSS

[Anonymous]

Я использую Vite (React, Bootstrap) для создания приложения React. Я создал компонент с конкретным импортированным файлом CSS. Файл CSS читается, так как применяется HTML {color: red} (и переопределить, но img.someclass или div.otherclass нигде не показывается в Dom, Даже не переопределить. < /p>
Это компонент. < /p>
import "./GameboyBackground.module.css"
import gameboyImage from "/music-games/assets/gameboy/blue.png"

function GameboyBackground() {
return (


[img]{gameboyImage}
className="gameboy-bg"
/>


);
}

export default GameboyBackground;
< /code>
Файл CSS выглядит так. Опять же: html элемент влияет, IMG даже не переопределен.
img.gameboy-bg {
width: 100vw;
height: 100vh;
object-fit: contain;
}

html {
color: blue;
}
< /code>
Если я попытаюсь применить встроенные стили, приложение даже не будет отображаться, только пустое корневое div. < /p>

[img]{gameboyImage}
className="gameboy-bg"
style="width: 100px;"
/>
// App "crashes"


Подробнее здесь: https://stackoverflow.com/questions/794 ... mg-element