Почему падающая тень выглядит иначе?

Question

У меня есть два div с одинаковым эффектом тени, но результат другой. Эффект тени выглядит более светлым на элементе заголовка. Почему?

#templateHeader {
  background-color: #f5f5f5;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top: 0;
  border-bottom: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
  filter: drop-shadow(0 5px 10px black)
}

#templateBody {
  background-color: #F5F5F5;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 0px 0px 5px 5px;
  filter: drop-shadow(0 5px 10px black)
}