Estoy desarrollando una web en Bootstrap 4 y en el encabezado tengo un logotipo formato SVG que tiene que ser responsive ( sin tamaño fijo) pero no es posible visualizarlo a no ser que le deje la propiedad de ancho en un valor fijo en .px ¿ Existe alguna forma de que sea responsive sin dejar un valor fijo en .px? Porque en Chrome, Opera, Safari, Internet explorer dejando la propiedad Width en auto. En todos los navegadores aparece sin problema pero en Firefox no
<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>