JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><p>25%</p>
    <li>25%2% 25%25%25% 25%2% 25%25%25%  25%2% 25%25%25% 25%2% 25%25%25%
    <li>25%
    <li><p>25%<br>еще текст</p>
    <li>25%
    <li>25%
    <li>25%
    <li>25%
    <li>25%
    <li><p>25% 100500</p>
<li>25%
    <li>75%
    <li>25%
    <li><p>25% 100500</p>
    <li>25%
    <li><p>25% 100500</p>
<li>25%
    <li>75%
    <li>25%
    <li><p>25% 100500</p>    <li>75%
    <li>25%
    <li><p>25% 100500</p>
</ul>

CSS

ul{
    margin:0;
    padding:0;
    list-style:none;    
    position:relative;
    border:1px solid red;
    overflow: hidden;
}

li{
    display:inline-block;
    width:20%;
    padding-bottom:37px;
    vertical-align:top;
}

ul:after, li:nth-child(5n+1):before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    height:37px;
    margin: -37px 0 0;
    background: url(http://s.thumbs.canstockphoto.com/canstock7014385.jpg) 0 100% repeat-x;
}
ul:after {
    bottom: 0;   
}