<style>

.wrap {

    width: 100%;

    height:auto;

    margin: auto;

    text-align:center;

    position:relative;

}

.text_over_image {

    position: absolute;

 margin: auto;

    top: 0;

    left:0;

    right:0;

    bottom:0;

    color:#fff;

   height:100px;

    font-size:40px;

    width:600px;

background: rgba(54, 25, 25, .5);

padding-left:10px;

padding-top:40px;

padding-right:10px;

max-width:80%;

}

</style>

NOTE:   the background colors are rgba because the .5 (the last number) indicates the opacity of the front text.

<div class="wrap">

<img style='margin-left:-20px;height:625px; max-width: 110%; max-height:100%;' src='yourimage.jpg'>

        <div class="text_over_image">Account Management Website</div>

</div>