title: Use image as theme for a page in mvc
body: <p>Currently i am running one mvc application where for one page i have to use one image as theme. I tried googling many things but non of theme worked for me.</p>
  
  <p>I got one example from internet where one image used as theme like below:</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>.intro {
   max-width:100%;
   height:auto;
   position:relative;
   background: url(~/Content/Images/1.jpg) no-repeat bottom-center;
     background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
    &lt;section id="intro" class="intro img-fluid img-responsive"&gt;
      &lt;/section&gt;
   &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This was working fine with html page but the same i used in my one of the view that is not working.</p>
  
  <p>Need someone help.</p>