JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-height-cropped">
    <img src='http://www.news.giudicarie.com/images/Inaugurazione_Muse_Museo_della_Scienze_di_Trento.JPG' />
</div>

CSS

.img-height-cropped {
    /* vertical num pixels to show */
    height: 50px;
    /* width of image */
    width: 300px;
    overflow: hidden;
}
.img-height-cropped img {
    width: 100%;
    position: relative;
    /* vertical offset to crop from top of image */
    top: -20px;
}