Аналог webkit-fill-available для Firefox

.parent {
height: 100%;
}
.child {
    height: 100%;
    height: -moz-available;          /* WebKit игнор. */
    height: -webkit-fill-available;  /* Mozilla игнор. */
    height: fill-available;
}

У меня была похожая проблема с изображением

Я подставлял свойство height: -webkit-fill-available; всё было хорошо. Но я отказался от него.

У меня было сделано всё на grid сетке.

У родителя прописал grid-auto-rows: minmax(auto, 100%);

Изображение у меня было вставлено через тег <img>

Поэтому я задал свойство object-fit: cover;

Для изображения я задал width: 100%; height: 100%; и что-бы оно не вылазило я применил overflow: hidden;