diff --git a/src/assets/images/cover1.png b/src/assets/images/cover1.png
deleted file mode 100644
index 8bde00a..0000000
Binary files a/src/assets/images/cover1.png and /dev/null differ
diff --git a/src/assets/images/cover1.webp b/src/assets/images/cover1.webp
index 3e22c8f..6f78e0e 100644
Binary files a/src/assets/images/cover1.webp and b/src/assets/images/cover1.webp differ
diff --git a/src/assets/images/cover2.png b/src/assets/images/cover2.png
deleted file mode 100644
index 7d38b0d..0000000
Binary files a/src/assets/images/cover2.png and /dev/null differ
diff --git a/src/assets/images/cover2.webp b/src/assets/images/cover2.webp
new file mode 100644
index 0000000..8ef4701
Binary files /dev/null and b/src/assets/images/cover2.webp differ
diff --git a/src/assets/images/cover3.png b/src/assets/images/cover3.png
deleted file mode 100644
index bd7d82f..0000000
Binary files a/src/assets/images/cover3.png and /dev/null differ
diff --git a/src/assets/images/cover3.webp b/src/assets/images/cover3.webp
new file mode 100644
index 0000000..b3f74d8
Binary files /dev/null and b/src/assets/images/cover3.webp differ
diff --git a/src/assets/images/cover5.webp b/src/assets/images/cover5.webp
deleted file mode 100644
index 54915d6..0000000
Binary files a/src/assets/images/cover5.webp and /dev/null differ
diff --git a/src/components/Home.js b/src/components/Home.js
index 9ff942b..866ca0f 100644
--- a/src/components/Home.js
+++ b/src/components/Home.js
@@ -1,9 +1,9 @@
 import React from 'react';
 import logo from '../assets/icons/logo.png'
 import { Link } from 'react-router-dom';
-import cover1 from '../assets/images/cover1.png'
-import cover2 from '../assets/images/cover2.png'
-import cover3 from '../assets/images/cover3.png'
+import cover1 from '../assets/images/cover1.webp'
+import cover2 from '../assets/images/cover2.webp'
+import cover3 from '../assets/images/cover3.webp'
 import cover4 from '../assets/images/cover4.webp'