JSFiddle - React, Tailwind, and code Playground

by acccco

HTML

<div class="width-wrap">
  <div class="img-wrap">
    <img src="http://bgcdn.acohome.cn/286477.jpg" alt="">
</div>
</div>

<div class="box"></div>

CSS

.width-wrap{
  width:300px;
}
.img-wrap{
  width:300px;
  padding-top:56.25%;
  position:relative;
}
img{
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
}
.box{
  width:300px;
  height:100px;
  background:#000;
}