diff --git a/assets/heroic_01.png b/assets/heroic_01.png
new file mode 100644
index 0000000..9082846
Binary files /dev/null and b/assets/heroic_01.png differ
diff --git a/assets/heroic_01.webp b/assets/heroic_01.webp
deleted file mode 100644
index ea3cc51..0000000
Binary files a/assets/heroic_01.webp and /dev/null differ
diff --git a/assets/heroic_game.png b/assets/heroic_game.png
new file mode 100644
index 0000000..67bc097
Binary files /dev/null and b/assets/heroic_game.png differ
diff --git a/assets/heroic_game.webp b/assets/heroic_game.webp
deleted file mode 100644
index 26ce2f1..0000000
Binary files a/assets/heroic_game.webp and /dev/null differ
diff --git a/assets/heroic_install.png b/assets/heroic_install.png
new file mode 100644
index 0000000..410ed65
Binary files /dev/null and b/assets/heroic_install.png differ
diff --git a/assets/heroic_install.webp b/assets/heroic_install.webp
deleted file mode 100644
index 6e1e8d7..0000000
Binary files a/assets/heroic_install.webp and /dev/null differ
diff --git a/assets/heroic_menu.png b/assets/heroic_menu.png
new file mode 100644
index 0000000..0645e6e
Binary files /dev/null and b/assets/heroic_menu.png differ
diff --git a/assets/heroic_menu.webp b/assets/heroic_menu.webp
deleted file mode 100644
index cd9e1b6..0000000
Binary files a/assets/heroic_menu.webp and /dev/null differ
diff --git a/assets/heroic_stores.png b/assets/heroic_stores.png
new file mode 100644
index 0000000..52ff4f9
Binary files /dev/null and b/assets/heroic_stores.png differ
diff --git a/assets/heroic_stores.webp b/assets/heroic_stores.webp
deleted file mode 100644
index 45c2d26..0000000
Binary files a/assets/heroic_stores.webp and /dev/null differ
diff --git a/assets/heroic_wine.png b/assets/heroic_wine.png
new file mode 100644
index 0000000..6b1da56
Binary files /dev/null and b/assets/heroic_wine.png differ
diff --git a/assets/heroic_wine.webp b/assets/heroic_wine.webp
deleted file mode 100644
index 33affff..0000000
Binary files a/assets/heroic_wine.webp and /dev/null differ
diff --git a/assets/heroic_wine_settings.png b/assets/heroic_wine_settings.png
new file mode 100644
index 0000000..3f9027f
Binary files /dev/null and b/assets/heroic_wine_settings.png differ
diff --git a/assets/heroic_wine_settings.webp b/assets/heroic_wine_settings.webp
deleted file mode 100644
index 6007cf9..0000000
Binary files a/assets/heroic_wine_settings.webp and /dev/null differ
diff --git a/assets/themes.gif b/assets/themes.gif
index d0c3d35..e1d3c8e 100644
Binary files a/assets/themes.gif and b/assets/themes.gif differ
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 13a19b4..81fdc3d 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -2,7 +2,7 @@
 import Link from 'next/link'
 import React from 'react'
 
-const logo = require('../assets/logo.png?webp')
+const logo = require('../assets/logo.png')
 import {
   faTwitter,
   faGithub,
diff --git a/pages/index.tsx b/pages/index.tsx
index c61e696..39ffa57 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,14 +6,14 @@ import { motion } from 'framer-motion'
 
 import styles from '../styles/Home.module.css'
 
-const img1 = require('../assets/heroic_01.webp')
-const img2 = require('../assets/heroic_game.webp')
-const img3 = require('../assets/heroic_install.webp')
-const img4 = require('../assets/heroic_stores.webp')
-const img5 = require('../assets/heroic_wine.webp')
-const img6 = require('../assets/heroic_wine_settings.webp')
+const img1 = require('../assets/heroic_01.png?webp')
+const img2 = require('../assets/heroic_game.png?webp')
+const img3 = require('../assets/heroic_install.png?webp')
+const img4 = require('../assets/heroic_stores.png?webp')
+const img5 = require('../assets/heroic_wine.png?webp')
+const img6 = require('../assets/heroic_wine_settings.png?webp')
 const img7 = require('../assets/heroic_langs.png?webp')
-const img8 = require('../assets/heroic_menu.webp')
+const img8 = require('../assets/heroic_menu.png?webp')
 const gif = require('../assets/themes.gif')
 
 const initial = { y: '300px', opacity: 0 }
diff --git a/styles/heroic.css b/styles/heroic.css
index 80fb5bf..99572ac 100644
--- a/styles/heroic.css
+++ b/styles/heroic.css
@@ -127,7 +127,9 @@ footer {
     width: 212px;
   }
 
- 
+  .feature img {
+    width: 813px;
+  }
 
   .heroicPreview {
     width: 1130px;