JSFiddle - React, Tailwind, and code Playground

by blineberry

HTML

<div id="banner"></div>

CSS

#banner {
    height: 100px;
    background: url(http://placekitten.com/1/100) repeat-x left top;
    position: relative;
    z-index:1
}

#banner:before, #banner:after {
    content: '';
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    z-index: 2;
}

#banner:before {
    left: 0;
    background: url(http://placekitten.com/100/100) no-repeat left top;
}

#banner:after {
    right: 0;
    background: url(http://placekitten.com/100/100) no-repeat left top;
}