JSFiddle - React, Tailwind, and code Playground

HTML

<div class="positions">
    <figure>
        <div>
        <img src="http://forum.htmlbook.ru/uploads/av-12397.png">
        <span>Text</span>
        </div>
    </figure>
    <figure>
        <div>
        <img src="http://forum.htmlbook.ru/uploads/av-12397.png">
        <span>Text</span>
        </div>
    </figure>

    <figure>
        <div>
        <img src="http://forum.htmlbook.ru/uploads/av-12397.png">
        <span>Text</span>
        </div>
    </figure>

    <figure>
        <div>
        <img src="http://forum.htmlbook.ru/uploads/av-12397.png">
        <span>Text</span>
        </div>
    </figure>

    <figure>
        <div>
        <img src="http://forum.htmlbook.ru/uploads/av-12397.png">
        <span>Text</span>
        </div>
    </figure>
</div>

CSS

.positions {
    width:100%;
    display:table;
    table-layout: fixed;
}
.positions figure {
    width:20%;
    display:table-cell;
    background: #000;
   padding: 5px;
    text-align: center;
    
    
}

.positions figure div {
    background: #fff;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

.positions figure span {
     display: block;   
}