JSFiddle - React, Tailwind, and code Playground

HTML

<div class="c1"><img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg"></div>
<div class="c2"><img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg"></div>

CSS

.c1, .c2 {
    border: 1px solid #f0f;
    overflow: hidden;    
}
.c1 {
    width: 200px;
    height: 120px;    
}
.c2 {
    width: 150px;
    height: 200px;    
}

.c1 img {
    width: 100%;   

}
.c2 img {
    height: 100%;
}