JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <a href="#">
    <div class="image">
      <img src="https://cl.ly/image/0v15321t3W1a/pepsi.jpg">
    </div>
  </a>
</div>
<div class="title">
  <div class="title-header">
    <a href="#"><h4>Title Here</h4></a>
  </div>
</div>

CSS

.image {
  position: relative;
  overflow: hidden;
  width: 100px;
}
.image img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.image:hover img, .title-header:hover .image img{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}