JSFiddle - React, Tailwind, and code Playground

HTML

<div id="column_one">
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    f<p>
    <div class="before"></div>
</div>

CSS

#column_one{
    width:186px;
    height:auto;
    float:left; 
    position:relative; 
    background: #3c93c9;
    z-index:2;
    border:1px solid #ccc;
    overflow:hidden;
}
#column_one .before {
    content: "";
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:50%;
    background:#ccc url(http://forum.htmlbook.ru/public/style_images/htmlbook/logo.png) no-repeat;
    z-index:-1;
}