Пиксельное фоновое изображение Firefox div не работает

У меня небольшая проблема. Рендеринг изображения не работает с фоновым изображением div в Firefox, но в Chrome он работает нормально.

Как я могу пикселизировать фон и в Firefox?

<div id = "loadingScreen" class = "loadingScreen">
    ...
</div>

.loadingScreen{
    position:fixed;
    top:0;
    left:0;
    z-index:50;
    width:100%;
    height:100%;
    background-color:#322007;
    background-image:url("../assets/textures/gui/menu_background.png");
    background-size:64px;
    image-rendering:pixelated;
    background-position:center;
}

Фоновое изображение ->

Результат с тем же кодом: