.preloader {
  padding: 0 !important;
}

img.preloader--bg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

img.preloader--gif {
  display: block;
  position: relative;
  width: auto;
  height: 75%;
}

@media only screen and (max-width: 1199px) {
  img.preloader--gif {
    width: 100%;
    height: auto;
    transform: translateY(-35px);
  }
}

@media only screen and (orientation: portrait) {
  img.preloader--gif {
    width: 100%;
    height: auto;
    transform: translateY(-35px);
  }
}