how can i change sharing behavior of external css file in react. So I can set the body background different for different components

login.css
body{background-image: url(‘../../../images/bannerbackground.png’);}

home.css
body{background-color: rgb(185, 174, 160);}
but for react’s sharing behavior of with the components of same root I cannot differentiate it , is there any solution?