From 76a13538314377d5061cd589fbe9e8db181d1448 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Wed, 19 Jan 2022 14:26:08 +0700
Subject: [PATCH] (nextjs) fixed image preloader on mobile

---
 src/components/media/ImagePreloader/index.tsx          | 1 -
 src/components/media/ImagePreloader/styles.module.scss | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/media/ImagePreloader/index.tsx b/src/components/media/ImagePreloader/index.tsx
index d407b650..3205997c 100644
--- a/src/components/media/ImagePreloader/index.tsx
+++ b/src/components/media/ImagePreloader/index.tsx
@@ -13,7 +13,6 @@ import { getURL } from '~/utils/dom';
 
 import styles from './styles.module.scss';
 
-
 interface IProps {
   file: IFile;
   color?: string;
diff --git a/src/components/media/ImagePreloader/styles.module.scss b/src/components/media/ImagePreloader/styles.module.scss
index 98a92a1f..e505ad0f 100644
--- a/src/components/media/ImagePreloader/styles.module.scss
+++ b/src/components/media/ImagePreloader/styles.module.scss
@@ -1,10 +1,14 @@
 @import "src/styles/variables.scss";
 
-.image {
+img.image {
   position: absolute;
   opacity: 0;
+  width: 0;
+  height: 0;
 
   &.is_loaded {
+    width: auto;
+    height: auto;
     opacity: 1;
     position: static;
   }