JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-ctnr-med">
    <a href="#">
        <img src="http://placehold.it/200x200" alt=""/>
    </a>
</div>

CSS

img {

    background-color:grey;
    display: block;
    position: absolute;
    bottom: -50%;
    left: -50px;
}

.img-ctnr-med {
    width: 100px;
    height: 100px;
    border: 1px solid blue;
    position: relative;
    overflow: hidden;

}