Дисплей: гибкий, не меняющий высоту в хром и мобильный

Question

Я хотел, чтобы размер двухстрочного нижнего колонтитула изменялся в соответствии с размером экрана, безупречно работает с firefox, но по какой-то причине хром и мобильные устройства изменяют только ширину каждого изображения (высота остается значением max-height).

CSS:

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.footer-row{
    display: flex;
    padding-top: 10px;
    justify-content: center;
}

.footer-image{
    min-width: 0;
    min-height: 0;
}

HTML:

<div class="footer">
    <div class="footer-row">
        <img src="./img/footer/ipl.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ciic.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/carme.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ips.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/coimbra.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/batalha1.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/batalha.png" style="max-height: 55px" class="footer-image">
    </div>
    <div class="footer-row">
        <img src="./img/footer/fct.png" style="max-height: 50px" class="footer-image">
        <img src="./img/footer/compete.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/portugal.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ue.png" style="max-height: 55px" class="footer-image">
        <img src="./img/footer/ue_fundo.png" style="max-height: 55px" class="footer-image">
    </div>
</div>

Спасибо