JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="zornet_ru_detun"> 
  <div class="klanraten">
  <a href="http://zornet.ru/" target="blank">
      <img src="http://zornet.ru/Aben/ABGEA/Rin/xLHf7rt2Q52yA7cv02ORpQ.png"/>
  </a>
  </div>
</div>

CSS

.zornet_ru_detun {
    float: left;
    position: relative;
    width: 593px;
    height: 317px;
    margin: 0 auto;
    overflow: hidden;
}

.klanraten {
  position: absolute;
  top: 0;
  left: 0;
}

.klanraten img {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}

.zornet_ru_detun:hover .klanraten img {
  -webkit-transform: scale(1.09);
  transform: scale(1.09);
}