Создание затемнения изображений простым и быстрым способом с использованием только CSS

Демонстрация работы затемнения изображений простым и быстрым способом с использованием только CSS, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<h1>Бешеный жук</h1>

CSS

h1 {
	font-family: Calluna Sans, Arial, sans-serif;
	color: #fff; 
  margin-top: 0;
	background: linear-gradient(rgba(0,0,0,0.5),
	 rgba(0,0,0,0.5)),
	  url('http://thenewcode.com/assets/images/bugs.jpg');
	font-size: 5rem; 
  padding: 2rem;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	word-spacing: 5rem;
}