JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fbCover">
    <img id="fbImg" src="https://scontent.xx.fbcdn.net/hphotos-xtf1/t31.0-8/p180x540/11406099_100533813623036_5865498887724125133_o.jpg"/>
</div>

<div class="fbCover">
  <img id="fbImg2" src="https://scontent.xx.fbcdn.net/hphotos-xfl1/v/t1.0-0/p526x296/305546_374447802599312_682234664_n.jpg?oh=ce75687f79f6536a096c790031ab461c&oe=570D1BCC"/>
</div>

CSS

.fbCover {
    width: 851px;
    height: 315px;  
    overflow: hidden;
    position:relative;
}
#fbImg {
    width: 100%;
    /* top: -70%; */
    top: -226px;
    position:absolute;
}
#fbImg2 {
    width: 100%;
    top: -7px;
    position:absolute;
}