Логотип SVG с начальной загрузкой

Question

Я разрабатываю сеть в Bootstrap 4, и в заголовке у меня есть логотип формата SVG, который должен быть адаптивным (без фиксированного размера), но его невозможно визуализировать, пока вы не оставите свойство широко с фиксированным значением в.px какой-то способ реагировать, не оставляя фиксированного значения в .px?Потому что в Chrome, Opera, Safari, Internet Explorer оставив свойство Width в авто.Во всех браузерах это выглядит без проблем, но в Firefox это не

<div class="col-md-2 col-sm-12 col-xs-12 text-center" style="padding-left: 0px; padding-right: 0px;">
  <div style="height: 80px; display: flex; align-items: center;">
    <a href="index">
      <img style="width: 100% !important; height: auto !important;" src="img/imprentaonline24.svg" alt="imprentaonline24" />
    </a>
  </div>
</div>

Answer 1

Работает нормально, если использовать напрямую из URL. Я использую FireFox, и он работает

<div class="col-md-2 col-sm-12 col-xs-12 text-center" style="padding-left: 0px; padding-right: 0px;">
  <div style="display: flex; align-items: center;">
    <a href="index">
      <svg>
   <img src="https://www.imprentaonline24.es/img/imprentaonline24.svg"/>
</svg>
    </a>
  </div>
</div>