JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><h2>Текст</h2><img src="http://ruslan-severov.ru/jobsimg/lev.png" alt=""></li>
  <li><h2>Текст</h2><img src="http://ruslan-severov.ru/jobsimg/lev.png" alt=""></li>
  <li><h2>Текст</h2><img src="http://ruslan-severov.ru/jobsimg/lev.png" alt=""></li>
</ul>

CSS

li {
  display: inline-block;
  margin-left: 50px;
}
li > h2 { 
  opacity: .5;
}
li > img {
  transition: .5s;
  opacity: .5;
}
li > img:hover {
  opacity: 1;
}
li > h2:hover {
  opacity: 1;
}