JSFiddle - React, Tailwind, and code Playground

HTML

<input src="ttp://media.giantbomb.com/uploads/0/26/9894-yoda_small.jpg" name="submit" class="submit1" type="image" value="See Today's Date Deal" tabindex="502" />
<br/>
<input name="submit" type="submit" class="submit2" value="See Today's Date Deal" tabindex="502" />

CSS

.submit1, .submit2 {
    display:block;
    width:250px;
    height:50px;
    padding-top:12px;
    text-align: center;
    font-size:17px !important;
    color:#fff; 
    border:0;
    outline:none;
}

.submit1 {
    background: url(http://media.giantbomb.com/uploads/0/26/9894-yoda_small.jpg) no-repeat 0 0;
}

.submit2 {
    background: url(http://media.giantbomb.com/uploads/0/26/9894-yoda_small.jpg) repeat 0 0;
}