JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        <div class="block1">первая статья</div>
        <div class="block2">В современном мире безграничной власти технологий все больше и больше внимания уделяется конфиденциальности, целостности и доступности хранимых или передаваемых данных. И это понятно, ибо кто захочет, чтобы информация, которая считается личной или секретной досталась третьим лицам или (не дай Бог) конкурентам или даже врагам.</div>
        <div class="block3">третья статья</div>
    </div>

CSS

.wrap{
width:600px;
margin:0 auto;
background:#fff;
}

.block1{
background:url(http://alpatriott.ru/works/primer/images/shadow-top.png) no-repeat 0 100%;
min-height:215px;
padding:0px 0px 0px 30px;
}

.block2{
background:url(http://alpatriott.ru/works/primer/images/shadow-center.png) repeat-y 0 100%;
padding:0px 0px 0px 30px;
}

.block3{
background:url(http://alpatriott.ru/works/primer/images/shadow-bottom.png) no-repeat 0 100%;
padding:0px 0px 0px 30px;
min-height:215px;
}