JSFiddle - React, Tailwind, and code Playground

by dima_makh

HTML

<div class="prev">
    <img src="http://picone.ru/images/20-yebbiyby.jpg">
</div>
<div class="prev">
    <img src="http://picone.ru/images/20-fahkskaf.jpg">
</div>

CSS

.prev {
    width: 320px;
    height: 160px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    border: 1px solid #CCC;
    position: relative;
}

.prev img {
  width:100%;height:100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }