JSFiddle - React, Tailwind, and code Playground

HTML

<div class="subcontainer"> <a href="http://tinypic.com?ref=2ur6rk1" target="_blank" class="imgcolumn"><img src="http://i61.tinypic.com/2ur6rk1.png" border="0" alt="Image and video hosting by TinyPic"></a>

     <h3 class="header3">Motivate Yourself</h3>

</div>

CSS

.subcontainer {
     width: 100%;
     height: 100%;
     float: left;
     position: relative;
     border: 3px solid white;
 }
 .imgcolumn {
     background-repeat: no-repeat;
     float: left;
     width: 60%;
     height: 80%;
     margin-left: 130px;
     margin-top: 45px;
     position: absolute;
     opacity: 0.4;
     filter: alpha(opacity=40);
 }
 .header3 {
     z-index: 100;
     position: absolute;
     float:right;
     color: black;
     font-size: 25px;
     margin-top: 175px;
     text-align: center;
     margin-left: 170px;
 }