title: Why React-bootstrap Image doesn't load from reletive path?
body: <p>I'm learning React and I'm using React-bootstrap for style. 
  I'm not sure why my react-bootstrap Image doesn't load the image with relative path. I tested with an absolute path for testing purpose with a random image from online, it works, but it doesn't work with relative path. Anybody knows how to fix that? 
  Here is my code: </p>
  
  <pre><code>import {Grid, Row, Col, Image} from 'react-bootstrap';
  
  &lt;Row className="show-grid"&gt;
       &lt;Col xs={11} sm={5}&gt;
          &lt;h5&gt;Image&lt;/h5&gt;
          &lt;Image src="./src/assets/tech_digram_2.jpg" responsive /&gt;
          &lt;Image src="./assets/person_profile_1.jpeg" responsive /&gt;
          &lt;Image src="https://static.pexels.com/photos/296886/pexels-photo-296886.jpeg" responsive /&gt;
       &lt;/Col&gt;
  &lt;/Row&gt;
  </code></pre>
  
  <h3>Files/Directories structure</h3>
  
  <p><a href="https://i.stack.imgur.com/HZh4f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HZh4f.png" alt="enter image description here"></a></p>