responsive image in React

I am trying to make image responsive using React but cannot make image responsive

<img src="url" alt="abc" height="auto" width="40%" id="image-section"/>

CSS

@media screen and (max-width: 320px){
#image-section{
    width: 100%;
    height: auto;
  };
}