/*
 * Adjust the height according to your image height
 * Center the text using line-height (trick)
 * You also may need to scale the width
 */
    
.before-after-center{
    width:700px;
    margin:0px auto;
    text-align:center;
    height:40px;
    line-height:25px;
    
}

/*
 * Default implementation is for h5-h1 + p
 */

.before-after-center .wrapper h1,
.before-after-center .wrapper h2,
.before-after-center .wrapper h3,
.before-after-center .wrapper h4,
.before-after-center .wrapper h5,
.before-after-center .wrapper p{
    
    display:inline-block;
    padding:0px;
    margin:0px;
}
.before-after-center .wrapper{
    position: relative;
}

/*
 * Adjust your image size !!!
 * margin-left == width (make the image on your left side)
 */

.before-after-center .wrapper:before{
    content:"";
    width:100px;
    height:40px;
    top: 0px;
    left: 0px;
    margin-top:-5px;
    margin-left:-100px;
    position:absolute;
    background-repeat:no-repeat;
    background-image:url('logoeventbefore.png')
}

/*
 * Adjust your image size !!!
 */


.before-after-center .wrapper:after{
    content:"";
    top: 0px;
    width:100px;
    height:40px;
    margin-top:-5px;
    margin-left: 10px;
    position:absolute;
    background-repeat:no-repeat;
    background-image:url('logoeventafter.png')
}