title: Bootstrap-Vue card component image doesn't render
body: <p>I am trying to get a simple Bootstrap card on a static website I am making in Vue.js. I am using Bootstrap-Vue for this. However, I cannot seem to get the image to show when I use the <code>b-card</code> with the <code>img</code> attribute. Here is the documentation on a card:</p>
  
  <p><a href="https://bootstrap-vue.js.org/docs/components/card" rel="nofollow noreferrer">https://bootstrap-vue.js.org/docs/components/card</a></p>
  
  <p>And here is my code that is not showing the image (all other text is rendering, even the github icon)</p>
  
  <pre><code>&lt;b-card img="`../assets/q1.png`" title="7 Little Words" class="mb-2 col-md-6"&gt;
         &lt;!--The image above is not showing--&gt;
    &lt;h5 :style="{fontSize:1.3+'em', marginTop:20+'px'}"&gt;An addictive vocabulary puzzle for word nerds&lt;/h5&gt;
    &lt;div class="demo"&gt;
      &lt;a href="" :style="{marginBottom:10+'px'}"&gt;VIEW DEMO&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="github"&gt;
      &lt;h4&gt;Github&lt;/h4&gt;
                    &lt;!--This image below is showing--&gt;
      &lt;a href=""&gt;&lt;img src="../assets/GitHub.png" alt="GitHub"&gt;&lt;/a&gt; 
    &lt;/div&gt;
  &lt;/b-card&gt;
  </code></pre>
  
  <p>I think it must have something to do with the <code>img</code> attribute in the <code>b-card</code>, but I am not sure how to fix it. Also, here is my error in the console:</p>
  
  <blockquote>
    <p><a href="http://localhost:8080/assets/q1.png" rel="nofollow noreferrer">http://localhost:8080/assets/q1.png</a> 404 (Not Found)</p>
  </blockquote>