JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background" id="logo_left"></div>
    <div id="logo"><img src="http://fs5.directupload.net/images/170420/loo7xdln.jpg"></div>
    <div class="background" id="logo_right"></div>

CSS

.background{
    height: 121px;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}
 
#logo_left{
    background: url(http://fs5.directupload.net/images/170420/bappfrh9.jpg) repeat-x;
}
 
#logo_right{
    background: url(http://fs5.directupload.net/images/170420/bappfrh9.jpg) repeat-x;
}
 
#logo{
    height: 121px;
    width: 740px;
    margin: auto;
    z-index: 1;
}