JSFiddle - React, Tailwind, and code Playground

by Todd Levy

HTML

<div class="wrap">
    <div style="background-image: url(http://toddlevy.com/ribbon.jpg);"></div>
</div>

CSS

* {margin:0; padding:0;}

body {
    background:#3b3943;
}
.wrap {
   width: 100%;    
   position:relative;
}
.wrap div {
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    overflow: hidden;
    height: 30em;
    overflow: hidden;
    background: no-repeat left top;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}