Problem z preloaderem i z css transform

Question

Witam. Podaje link do strony, aby kazdy mogl zobaczyc o co chodzi.

https://infinite-reef-71480.herokuapp.com/index.php

Problem w tym ze niby preloader jest, niby dziala ale mimo to jest efekt migania po wczytaniu.

Chyba chodzi o to ze wrzucam do zmiennych string a nie img. To 1 sprawa. Ktos wie jak umiescic zdjecie w JavaScripcie? Na StackOverflow pisza tylko o sciezkach.

Kod Javascript

var tablicaSekcji = ["whoAreWe", "video", "web", "community", "charity"];
var tablicaZdjec = [];
function GrabImages() {
    for (var i = 0; i < 5; i++) {
        for (var j = 1; j <= 4; j++) {
            var zdj = "Assets/Images/CroppedAndCleaned/" + tablicaSekcji[i] + "/pp" + j + ".jpg";
            tablicaZdjec.push(zdj);
        }
    }
    HideLoader();
}
$(window).on("load", (function () {
    GrabImages();
}));
function HideLoader() {
    setTimeout(function () {
        $('body').addClass('loaded');
    }, 1);
}

Druga sprawa. Po otworzeniu pliku w Operze i w Firefoxie, efekt transform nie dziala. Podaje kod SCSS. Uzywam autoprefixera wiec nie powinien byc to problem z prefixami. Ewentualnie jak rozpoznac przegladarke, jezeli nie da sie inaczej

@mixin background($path) {
  //image
  background-image: url($path);
  //cover
  background-size: cover;
  //transition
  transition: background-image 1s linear;
  //Rest
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;

}

@mixin backgrounds($page) {
  @media screen and (max-width: 450px) {
    article {
      @include background("../Assets/Images/Cropped/Phone425x640/"+$page+"/pp1.jpg");
      background-size: cover;
    }
  }
  @media screen and (min-width: 451px) {
    article {
      @include background("../Assets/Images/CroppedAndCleaned/"+$page+"/pp1.jpg");
    }
  }
}

section#whoAreWe {
  @include backgrounds("whoAreWe");
}

section#video {
  @include backgrounds("video");
}

section#web {
  @include backgrounds("web");
}

section#community {
  @include backgrounds("community");
}

section#charity {
  @include backgrounds("charity");
}

Wszystkie sciezki poprawne. Bledy w konsoli odnosza sie jedynie do adblocka i filmiku z youtube w tle.