Use angular and bootstrap to switch image behind a form
<p>I am attempting to put a background image on a form and change the image by clicking other images in a list. I was able to put a background image in using CSS, but then I can't figure out how to implement my angular. So I put it in an image tag like I had it previously before implementing my form. </p>

<p>My code snippets are below and any pointers would be appreciated!</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-js lang-js prettyprint-override"><code>app.controller('letterCreateCtrl', function($scope, $state){

$scope.current = 'scLetterHead';

});</code></pre>
<pre class="snippet-code-css lang-css prettyprint-override"><code>#responsiveForm{
  background-size: cover;
  background-size: 100% 100%;
  min-height: 650px;
  padding: 80px;
  padding-top: 120px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="letterForm"&gt;
&lt;section id="contact class" class="container content-section text-center"&gt;
&lt;div class="col-md-3"&gt;
        &lt;img class="img-responsive" src="img/scLetterHead.jpg" ng-click="current='scLetterHead'" /&gt;
        &lt;img class="img-responsive" src="img/scLetterHead2.jpg"  ng-click="current='scLetterHead2'" /&gt;
      &lt;/div&gt;
      &lt;div class="col-md-3"&gt;
        &lt;img class="img-responsive" src="img/scLetterHead3.jpg" ng-click="current='scLetterHead3'"/&gt;
        &lt;img class="img-responsive" src="img/scLetterHead4.jpg" ng-click="current='scLetterHead4'"/&gt;
      &lt;/div&gt;
      &lt;div class="col-md-6"&gt;
          &lt;form id="responsiveForm" action=""&gt;
            &lt;img class="img-responsive" ng-src="img/{{current}}.jpg" /&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="name"&gt;Name:&lt;/label&gt;
              &lt;input type="text" class="form-control" id="name" name="name"/&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="email"&gt;Email:&lt;/label&gt;
              &lt;input type="text" class="form-control" id="email" name="email"/&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;label for="occasion"&gt;Occasion:&lt;/label&gt;
              &lt;input type="text" class="form-control" id="occasion" name="occasion"/&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
              &lt;input type="submit" name="submit" class="form-control btn btn-primary" value="go"/&gt;
            &lt;/div&gt;

            &lt;/div&gt;
          &lt;/form&gt;
        &lt;/div&gt;
      &lt;div class="col-md-3"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/section&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>