JSFiddle - React, Tailwind, and code Playground

HTML

<div class="subcontainer">
                <a href="http://tinypic.com?ref=11kbnlf"  class="imgcolumn" target="_blank"><img src="http://i58.tinypic.com/11kbnlf.png"  alt=""></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: 1;
        filter: alpha(opacity=35);
    }

    .header3 {
        z-index: 100;
        position: absolute;
        float:right;
        color: black;
        font-size: 25px;
        margin-top: 175px;
        text-align: center;
        margin-left: 170px;
    }