JSFiddle - React, Tailwind, and code Playground

HTML

<div class="produtos-ponta">
    <div class="produtos-conteudo-ponta one-fourth-ponta">
        <div class="content">
            <img class="photo" src="http://i.stack.imgur.com/CpT8w.jpg"/>
            <h4 class="name">Descricao</h4>              
        </div>
    </div>
    <div class="produtos-conteudo-ponta one-fourth-ponta">
        <div class="content">
            <img class="photo" src="http://i.stack.imgur.com/aMUmw.jpg"/>
            <h4 class="name">Descricao</h4>              
        </div>
    </div>
    <div class="produtos-conteudo-ponta one-fourth-ponta">
        <div class="content">
            <img class="photo" src="http://i.stack.imgur.com/sdRXr.jpg"  />
            <h4 class="name">Descricao</h4>              
        </div>
    </div>                    
</div>

CSS

.produtos-conteudo-ponta {
    display: inline-block;
    width: 32.333333%;
}
.content {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.photo {width: 100%;}