Responsive image problem

Tell us what’s happening:
My image is not resizing relative to the container.
Here is my code

Your code so far

* {
  box-sizing: border-box;

#image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
 <div id="img-div">
        <img id="image" src="Images/kakashi.jpg" alt="" />

        <div id="img-caption">no image here lol</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36.

Link to the challenge:

Hi @tj7,
I tried your code here:
But the image does resize … I am not sure I fully understand your question… Does it behave differently within your project?

Thanx, it seems there was a problem with my IDE. I tried it online and it worked.