JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image-cropper">
<img src="http://www.electricvelocity.com.au/Upload/Blogs/smart-e-bike-side_2.jpg" class="rounded" />
</div>

CSS

.image-cropper {
max-width: 100px;
height: auto;
overflow: hidden;
    -webkit-border-radius:20%;
-moz-border-radius: 5%;
-ms-border-radius: 5%;
-o-border-radius: 5%;
border-radius:5%;  
    height:400px;
    width:auto;
}

.super-link img{
    display: block;
  margin: 0 auto;
  height: auto;
   width: 150%; 
  margin: 0 0 0 -20%;

}

JavaScript

$('.gridtd').click(function(){
    console.log($(this).find('input[type=hidden]').val());
});