Модал покрывает весь экран в любом браузере, кроме Firefox

Question

Я использую реакцию-модальное изображение для моего модального.Предполагается, что у него есть фон, который покрывает весь фон, и он прекрасно работает во всех браузерах, кроме Firefox, в котором он становится настолько большим, как его родительский div.

<div className="container">
   <div className="content">
      <img src={src}/>
   </div>
</div>

CSS:

.container{ 
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
touch-action: none;
overflow: hidden;

}

.content{
    position: relative;
    height: 100%;
    width: 100%;
}