JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-wrapper">
    <img src="http://img.youtube.com/vi/jofNR_WkoCE/maxresdefault.jpg">
</div>

CSS

.img-wrapper{
height: 425px;
    width: 100%;
        position: relative;
    overflow:hidden;
}
.img-wrapper img{
    position: absolute;
    top:-100%; left:0; right: 0; bottom:-100%;
    margin: auto;
    
}