Bootstrap вертикальное выравнивание и фоновое положение SVG изображения / размер

Question

У меня две проблемы, связанные с получением моего загрузочного кода для правильного выравнивания и расположения фоновых SVG-изображений.Пробовал решения из нескольких других ответов на подобные вопросы, но просто не могу заставить их работать на меня!

<div class="row result">
    <div class="col-sm-6 vcenter"></div>
    <div class="col-sm-2 vcenter">Base Cost</div>
    <div class="col-sm-2 vcenter">Total Cost</div>
    <div class="col-sm-2 vcenter"></div>
</div>
<div class="row result">
    <div class="col-sm-3 vcenter"><div class="logo-google"></div></div>
    <div class="col-sm-3 vcenter company">Google Inc.<p>The search company</p></div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 199.00</div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 99.99</div>
    <div class="col-sm-2 vcenter"></div>
</div>
<div class="row result">
    <div class="col-sm-3 vcenter"><div class="logo-amazon"></div></div>
    <div class="col-sm-3 vcenter company">Amazon</div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 199.00</div>
    <div class="col-sm-2 vcenter amount"><span>&euro;</span> 99.99</div>
    <div class="col-sm-2 vcenter"></div>
</div>

См. JSFiddle https://jsfiddle.net/wx01fnob/

Как вы можете видеть, в этом примере,Я пытаюсь выполнить две вещи:

1) Используя фоновое изображение SVG в первом DIV / ячейке, я хочу, чтобы изображение масштабировалось / масштабировалось в DIV без необходимости явно устанавливать высоту.

2) Я пытаюсь выровнять все содержимое в разных строках по вертикали.

Буду очень признателен за любую помощь или руководство.Спасибо!