diff --git a/src/img/about-side.jpg b/src/img/about-side.jpg
new file mode 100644
index 0000000..9b788c3
Binary files /dev/null and b/src/img/about-side.jpg differ
diff --git a/src/img/about-side.png b/src/img/about-side.png
deleted file mode 100644
index 086bccf..0000000
Binary files a/src/img/about-side.png and /dev/null differ
diff --git a/src/img/bg-image.jpg b/src/img/bg-image.jpg
new file mode 100644
index 0000000..7aff3a1
Binary files /dev/null and b/src/img/bg-image.jpg differ
diff --git a/src/img/bg-image.png b/src/img/bg-image.png
deleted file mode 100644
index cc43a20..0000000
Binary files a/src/img/bg-image.png and /dev/null differ
diff --git a/src/img/sprite-2.gif b/src/img/sprite-2.gif
new file mode 100644
index 0000000..8b05d05
Binary files /dev/null and b/src/img/sprite-2.gif differ
diff --git a/src/img/sprite-2.png b/src/img/sprite-2.png
deleted file mode 100644
index 1137db1..0000000
Binary files a/src/img/sprite-2.png and /dev/null differ
diff --git a/src/img/sprite.gif b/src/img/sprite.gif
new file mode 100644
index 0000000..86f3a71
Binary files /dev/null and b/src/img/sprite.gif differ
diff --git a/src/img/sprite.png b/src/img/sprite.png
deleted file mode 100644
index 4f92762..0000000
Binary files a/src/img/sprite.png and /dev/null differ
diff --git a/src/scss/style.scss b/src/scss/style.scss
index d9636e3..3f67e4d 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -136,7 +136,7 @@ header{
 }
 
 .wrapper{
-  background-image: url("../img/bg-image.png");
+  background-image: url("../img/bg-image.jpg");
   background-repeat: no-repeat;
   background-position: top right;
   background-attachment: fixed;
@@ -149,8 +149,8 @@ header{
 }
 
 .wrapper.hide {
-  -webkit-mask: url(../img/sprite.png);
-          mask: url(../img/sprite.png);
+  -webkit-mask: url(../img/sprite.gif);
+          mask: url(../img/sprite.gif);
   -webkit-mask-size: 7500% 100%;
           mask-size: 7500% 100%;
   -webkit-animation: mask-play 1.5s steps(74) forwards;
@@ -221,7 +221,7 @@ header{
 }
 
 .about-wrapper{
-  background-image: url("../img/about-side.png");
+  background-image: url("../img/about-side.jpg");
   background-repeat: no-repeat;
   background-position: top left;
   background-size: 50% auto;
@@ -245,7 +245,7 @@ header{
 }
 
 .side-image{
-  background-image: url("../img/about-side.png");
+  background-image: url("../img/about-side.jpg");
   background-size: 100% auto;
   background-repeat: no-repeat;
 }