В чем ошибка? Проект "страничка памяти"

Все время, что бы я не меняла в коде выдает: * Ваш img элемент должен иметь display значение block .

  • Ошибка :У вас #image должен быть max-width файл 100% .

  • Пройдено :У вас #image должен быть height файл auto .

  • Ошибка :Ваш #image должен быть сосредоточен внутри своего родителя.
    Часть html:

     <img src="https://vnnews.ru/wp-content/uploads/2021/09/Lev.jpg" alt="Лев Толстой" class="image" id="image">
        <div class="" id="img-caption">
        <p class="img-caption descr" id="img-caption">
          Лев Толстой в Ясной Поляне
        </p>
        </div>
Часть css:
img {
  display: block;
}

#image {
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  margin-bottom: 20px;
}

.img-div {
  
  margin-bottom: 40px;
  text-align: center;
}

Привет @annazadiraka ,

Если после поиска вашего вопроса в Google и не найдя ответа,
затем нажмите кнопку «Получить помощь» в нижней части страницы урока, в котором вы находитесь, а затем нажмите кнопку «Создать справку на форуме».
Это добавит, на каком уроке вы находитесь.
Также прикрепите ВЕСЬ свой код.
Таким образом, мы можем помочь вам.

Спасибо,
Шон Райт