title: Replace font awesome icon with image
body: <p>I am making a page with some company adresses for car repairment shops in my area.</p>
  
  <p><a href="http://vouzalis.dk/stack.html" rel="nofollow noreferrer">Demosite</a></p>
  
  <p>I used a font-awesome icon with a blue car for each address. That icon I would like to change to a small 50x50px picture instead. I have tried to replace the icon with a normal <code>img src</code> tag, but the picture is going above the text then.</p>
  
  <p>How is the best way to change this? At the moment I have around 30 addresses, so I shorten the HTML down to just 1 row.</p>
  
  <p>The font-awesome icon is set with this CSS class:</p>
  
  <p><code>#content .card .block-1:before{
        content: "\f1b9";
  }</code></p>
  
  <p>A jsfiddle can be <a href="https://jsfiddle.net/grf0pu3m/" rel="nofollow noreferrer">seen here</a>.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;section id="content"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;!-- Row 1 --&gt;
      &lt;div class="row mt-5"&gt;
        &lt;div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4"&gt;
          &lt;div class="card"&gt;
            &lt;div class="card-block block-1"&gt;
              &lt;h3 class="card-title"&gt;Lorem Ipsum 1&lt;/h3&gt;
              &lt;p class="card-text"&gt;
                Adress 1&lt;br/&gt;
                1234 Postcode&lt;br/&gt;
                Tlf: &lt;a href="tel:+9012345678"&gt;+90 12 34 56 78&lt;/a&gt;&lt;br/&gt;
              &lt;/p&gt;
              &lt;a href="#" title="Vis vej" target="_blank"&gt;Show direction&lt;i class="fa fa-angle-double-right ml-2"&gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4"&gt;
          &lt;div class="card"&gt;
            &lt;div class="card-block block-1"&gt;
              &lt;h3 class="card-title"&gt;Lorem Ipsum 2&lt;/h3&gt;
              &lt;p class="card-text"&gt;
                Adress 2&lt;br/&gt;
                1234 Postcode&lt;br/&gt;
                Tlf: &lt;a href="tel:+9012345678"&gt;+90 12 34 56 78&lt;/a&gt;&lt;br/&gt;
              &lt;/p&gt;
              &lt;a href="#" title="Vis vej" target="_blank"&gt;Show direction&lt;i class="fa fa-angle-double-right ml-2"&gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-xl-4"&gt;
          &lt;div class="card"&gt;
            &lt;div class="card-block block-1"&gt;
              &lt;h3 class="card-title"&gt;Lorem Ipsum 3&lt;/h3&gt;
              &lt;p class="card-text"&gt;
                Adress 3&lt;br/&gt;
                1234 Postcode&lt;br/&gt;
                Tlf: &lt;a href="tel:+9012345678"&gt;+90 12 34 56 78&lt;/a&gt;&lt;br/&gt;
              &lt;/p&gt;
              &lt;a href="#" title="Vis vej" target="_blank"&gt;Show direction&lt;i class="fa fa-angle-double-right ml-2"&gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;  
  &lt;/section&gt;
  </code></pre>