Tribute Challenge - feedback request

Hello, any help appreciated! Cannot get the image to be ‘responsive’, nor centred. I did get it to centre nicely with the CSS code that is currently commented out, but this failed the ‘responsiveness’ test, apparently. Any ideas? Hopefully the link below works.

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

Hi, what they want is for you to center the #image element within the #img-div directly, which would work when you change the display property of the image to block. Relevant challenge here

For responsive image, set max-width:100% so the image can never be bigger than its container. Relevant challenge here

#image {
   margin 0 auto;

Thanks @MatchaCrisp, that worked. I guess I was trying to do this within the #img-div ID, rather than within the #image ID. I wonder if we didn’t have to use their chosen ID names whether my original code would have worked, because you could see from that commented code that I did try this approach, but had my IDs wrong. That was a lesson in order of ID calling, thank you!