title: CSS Button and Image Behind
body: <p>Sorry there isn't more code on this. I am new and stumped to be honest. </p>
  
  <p>I have a CSS Button I am using on my webpage, code below. I'd like to put an image around the button like below... Slightly off center,behind the button itself, and which is mobile responsive.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.redbutton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    margin: 10px auto 10px auto;
    padding: 15px 6px 15px 6px;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
  }
  
  .largebuttonwidthC {
    width: 60%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="redbutton largebuttonwidthC"&gt;SHOW ME HOW&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The circle image is here:</p>
  
  <p><a href="https://i.stack.imgur.com/Nb7M7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nb7M7.png" alt="button circle"></a></p>
  
  <p>And I'd like it to look like this:</p>
  
  <p>However, I cannot seem to figure out how to do this. </p>
  
  <p><a href="https://i.stack.imgur.com/xEk2b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xEk2b.png" alt="behind the button like this"></a></p>
  
  <p>Thanks,
  Alex</p>