JSFiddle - React, Tailwind, and code Playground

HTML

<div class="copy"></div>

CSS

html {background: #ecf0f1;}
.copy {
  margin: 0 auto;
  display: block;
  opacity: .5;
  background: url(http://demo.profmax29.ru/images/des.png);
  height: 50px;
  width: 115px;
}
.copy:hover {
  opacity: 1;
}
.copy:before {
  content: "Дизайн и разработка";
  width: 200px;
  height: 50px;
  opacity: 0;
}
.copy:hover:before {
  opacity: 1;
}