JSFiddle - React, Tailwind, and code Playground

HTML

<div id="design-cast">
     <h4>Design</h4>

    <div class="member">
        <img src="http://i.imgur.com/OBUL7se.jpg" class="img-responsive img-thumbnail" alt="Responsive image" />
        <div class="name">Name
            <br />Description</div>
    </div>
    <div class="member">
        <img src="http://i.imgur.com/OBUL7se.jpg" class="img-responsive img-thumbnail" alt="Responsive image" />
        <div class="name">Name
            <br />Description</div>
    </div>
    <div class="member">
        <img src="http://i.imgur.com/zmPeyso.png" class="img-responsive img-thumbnail" alt="Responsive image" />
        <div class="name">Name
            <br />Description</div>
    </div>
</div>

CSS

#design-cast {
position: relative;
overflow: hidden;
}
.member {
    float:left;
    width:31%;
    margin:1% 1% 45px 1%;
}
.name {
    position:absolute;
    bottom:0px;
}
.member img {
    width: 100%;
    display: block;
}