JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-banner-smalli">
    <div class="img_div_pos_absolute">
        <img src="http://www.wm-banner.ru/img/WM-BANNER.jpg" />
    </div>
    <div class="inners">
         <h1>Текст 1</h1>

    </div>
    <div class="innersi">
         <h4>Текст 2</h4>

    </div>
</div>

CSS

.main-banner-smalli {
    position: relateve;
    width:920px;
    height:163px;
    margin-bottom:20px
}
.img_div_pos_absolute {
    position: absolute;
    width:920px;
    height:163px;
    overflow: hidden;
}
img {
    display: block;    
}
.main-banner-smalli .inners {
    position: relative;
    padding:33px 0 0 52px
}
.main-banner-smalli .innersi {
    position: relative;
    background: url() repeat-y #fc-0;
    padding:3px 0 0 52px
}
.main-banner-smalli h1 {
    font-size:22px;
    width:690px
}