Некорректное отображение элемента в Firefox, использую height: 0 + padding

.HistoricalPoster { 
  flex-direction: column; 
  width: 100%; 
  margin-bottom: 45px; 
} 
 
.image { 
  position: relative; 
  height: 0; 
} 
 
.HistoricalPoster .section { 
  flex-direction: column; 
  min-width: 65%; 
  margin-right: 30px; 
  position: relative; 
} 
 
.HistoricalPoster .section .image { 
  padding-top: 70%; 
} 
 
img { 
  object-fit: cover; 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  top: 0; 
  right: 0; 
}

<div class="HistoricalPoster"> 
  <div class="HistoricalPosterWrapper"> 
    <div class="sectionMain"> 
      <div class="image"> 
        <img src="css/images/100th_A-2.jpg" alt=""> 
      </div> 
 
      <div class="info"> 
        <h3>Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое</h3> 
        <span>Текст</span> 
        <span class="date">2018</span> 
      </div> 
 
      <div class="btn-wrapper"> 
        <button class="more">Подробнее<div class="icon-play"></div></button> 
      </div> 
    </div> 
 
    <div class="section"> 
      <div class="image"> 
        <img src="css/images/100th_A-1.jpg" alt=""> 
      </div> 
 
      <div class="info"> 
        <h3>Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое</h3> 
        <span>Текст</span> 
        <span class="date">2018</span> 
      </div> 
 
      <div class="btn-wrapper"> 
        <button class="more">Подробнее<div class="icon-play"></div></button> 
      </div> 
    </div> 
 
    <div class="section"> 
      <div class="image"> 
        <img src="css/images/100th_A-4.jpg" alt=""> 
      </div> 
 
      <div class="info"> 
        <h3>Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое</h3> 
        <span>Текст</span> 
        <span class="date">2018</span> 
      </div> 
      <div class="btn-wrapper"> 
        <button class="more">Подробнее<div class="icon-play"></div></button> 
      </div> 
    </div> 
 
    <div class="section"> 
      <div class="image"> 
        <img src="css/images/100th_A-3.jpg" alt=""> 
      </div> 
 
      <div class="info"> 
        <h3>Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил, что он у себя в постели превратился в страшное насекомое</h3> 
        <span>Текст</span> 
        <span class="date">2018</span> 
      </div> 
 
      <div class="btn-wrapper"> 
        <button class="more">Подробнее<div class="icon-play"></div></button> 
      </div> 
 
    </div> 
  </div> 
</div>