JSFiddle - React, Tailwind, and code Playground

About Us/Profile Image Idea

HTML

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200"/>

<div class="relative mt120">
    <h6 class="behind text-black" style="top:-65px;">Meet Our Team</h6>
    <div class="row team">
        <div class="span3">
            <figure class="team-element">
                <img src="http://placekitten.com/300" alt="">
                <h5>Cleo Dunkitty</h5>
                <h6 class="text-black">Sweet &amp; Gentle</h6>
                <ul class="unstyled social-icons">
                    <li class="dribbble"><a href="http://dribbble.com/">Dribbble</a></li>
                    <li class="email"><a href="mailto:[email protected]">E-mail</a></li>
                    <li class="linkedin"><a href="http://www.linkedin.com/">Linkedin</a></li>
                    <li class="twitter"><a href="https://twitter.com/">Twitter</a></li>
                    <li class="facebook"><a href="https://facebook.com/">Facebook</a></li>
                </ul>
            </figure>
        </div>
        <div class="span3">
            <figure class="team-element">
                <img src="http://placedog.com/300/300" alt="">
                <h5>Rufus Shaggs</h5>
                <h6 class="text-black">Roudy &amp; Fun</h6>
                <ul class="unstyled social-icons">
                    <li class="dribbble"><a href="http://dribbble.com/">Dribbble</a></li>
                    <li class="email"><a href="mailto:[email protected]">E-mail</a></li>
                    <li class="linkedin"><a href="http://www.linkedin.com/">Linkedin</a></li>
                    <li class="twitter"><a href="https://twitter.com/">Twitter</a></li>
                    <li class="facebook"><a href="https://facebook.com/">Facebook</a></li>
                </ul>
            </figure>
        </div>
    </div>
</div>

<div id="footer">
    <p>This content is licensed under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0...

CSS

/* --- Demo Styles --- */
body {
margin:0 20px;
background-color:#bbb;
font-family:'Yanone Kaffeesatz';
}
#footer {
    width: 400px;
    margin: 5px 25px;
    clear:both;
}
    #footer p {
        text-align: center;
        font-size: 14px;
        color: #444;
    }
    #footer a, #footer a:visited {
        color: #f26222;
        font-size: 16px;
        text-decoration: none;
        outline: none;
    }
        #footer a:hover{
            color: #b15030;
            text-decoration: none;
        }

/* --- Profile Styles --- */
.relative { position:relative; }
.mt120 { margin-top:80px; }

h6 {
    font-size:13px;
    font-weight:400;
    line-height:100%;
    font-style:italic;
}
    h6.behind {
        font-weight:700;
        font-size:80px;
        line-height:100%;
        font-style:normal;
        position:absolute;
        top:-30px;
        left:0;
        z-index:0;
        opacity:0.09;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=9);
    }

.text-black { color:#444; }
.row { margin-left:-20px; }

.row:before,.row:after {
    content:"";
    display:table;
    line-height:0;
}
    .row:after { clear:both; }

[class*=span] {
    float:left;
    margin-left:20px;
    min-height:1px;
}

.team-element {
    position:relative;
    text-align:center;
    margin-left:20px;
    z-index:1;
    display:inline-block;
}
    .team-element img {
        border-radius:92px;
        position:relative;
        display:block;
        z-index:5;
        width: 183px;        
    }
    .team-element:before {
        width:190px;
        height:190px;
        background:#fff;
        position:absolute;
        top:-3px;
        left:-3px;
        content:'';
        border-radius:95px;
        z-index:3;
        opacity:0;
        -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    }
    .team-element:after {
        width:184px;
        height:179px;
        background:url(http://jenniferperrin.com/jsfiddle/shadow-team.png)...

JavaScript

/**
* http://jenniferperrin.com/blog/css-styled-team-profile-layout
**/