JSFiddle - React, Tailwind, and code Playground

HTML

<div class="set addbox">
    <h4><span>Pick your best work from <b class="highlight-text">Flickr</b> to display in your portfolio</span></h4>
    <div class="addmenu-item"><span class="addmenu-image"><img class="addmenuimage" src="http://farm8.staticflickr.com/7122/7424355198_72620895bd_m.jpg"></span><span class="addmenu-info">Orchid Profiles</span></div>
    </div>

CSS

#page-wrapper {
margin: 200px 300px 100px 200px;
font-family: Helvetica;
font-size: 15px;
color: #666;
word-wrap: break-word;
}

.set {
margin-top: 50px;
}

.addbox {
width: 900px;
background: white;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 3px 1px #ccc;
-webkit-box-shadow: 0px 0px 3px 1px #ccc;
box-shadow: 0px 0px 3px 1px #ccc;
padding: 0 20px 20px 20px;
}

.addmenu-item {
width: 190px;
height: 190px;
background: #F4F4F4;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
-moz-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
-o-transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
transition: color 50ms cubic-bezier(0.470, 0.000, 0.745, 0.715);
}
}

.addmenu-image {
display: block;
width: 190px;
height: 148px;
overflow: hidden;
vertical-align: baseline;
z-index: -10;
}

.addmenuimage {
width: auto;
min-height: 148px;
min-width: 190px;
max-height: 300px;
max-width: 225px;
}

.addmenu-info {
display: block;
z-index: 100;
width: 190px;
height: 42px;
color: #444;
}