JSFiddle - React, Tailwind, and code Playground

HTML

<a href="/">
<img src="https://cdn.lifehacker.ru/wp-content/uploads/2017/09/cross-eyed-reindeer_1505411016-630x315.jpg" />
	<h2>Какой-то текст</h2>
  </a>

CSS

img {
  -webkit-filter: brightness(85%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

img:hover {
 -webkit-filter: brightness(110%);
 }

h2 {
	position:absolute;
  background-color: #999;
	top:100px;
	left:0;
  padding:50px;
}