JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hero">
    <img src="http://wpdevserver.x10host.com/wp-content/themes/wp/img/hero1.jpg">
</div>

CSS

.hero {
    width: 100%;
    min-height:200px;
    max-height: 650px;
    position: relative;
}
.hero img {
    width: 100%;
    height:auto;
    min-height:200px;
    overflow: hidden;
    max-height: 650px;
    position:aboslute;
}