diff --git a/README.md b/README.md
index b624e6d5f..0ffbb2d79 100644
--- a/README.md
+++ b/README.md
@@ -26,8 +26,8 @@ For bigger setups, there is a Helm Chart in the `helm/` directory. This is docum
 
 Light | Dark
 --- | ---
-![](https://goauthentik.io/img/screen_apps_light.png) | ![](https://goauthentik.io/img/screen_apps_dark.png)
-![](https://goauthentik.io/img/screen_admin_light.png) | ![](https://goauthentik.io/img/screen_admin_dark.png)
+![](https://goauthentik.io/img/screen_apps_light.jpg) | ![](https://goauthentik.io/img/screen_apps_dark.jpg)
+![](https://goauthentik.io/img/screen_admin_light.jpg) | ![](https://goauthentik.io/img/screen_admin_dark.jpg)
 
 ## Development
 
diff --git a/web/src/assets/images/flow_background.jpg b/web/src/assets/images/flow_background.jpg
index 4704ef322..59118ec20 100644
Binary files a/web/src/assets/images/flow_background.jpg and b/web/src/assets/images/flow_background.jpg differ
diff --git a/website/docs/index.md b/website/docs/index.md
index b9b5e374e..36cdf52ea 100755
--- a/website/docs/index.md
+++ b/website/docs/index.md
@@ -15,5 +15,5 @@ See [Docker-compose](installation/docker-compose) or [Kubernetes](installation/k
 
 Light | Dark
 --- | ---
-![](/img/screen_apps_light.png) | ![](/img/screen_apps_dark.png)
-![](/img/screen_admin_light.png) | ![](/img/screen_admin_dark.png)
+![](/img/screen_apps_light.jpg) | ![](/img/screen_apps_dark.jpg)
+![](/img/screen_admin_light.jpg) | ![](/img/screen_admin_dark.jpg)
diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
index 0e45951ea..32fbc2b29 100644
--- a/website/src/pages/index.jsx
+++ b/website/src/pages/index.jsx
@@ -106,8 +106,8 @@ function Home() {
                                     <ClientOnly>
                                         <BeforeAfterSlider
                                             className={styles.featureImage}
-                                            before={useBaseUrl("img/screen_apps_light.png")}
-                                            after={useBaseUrl("img/screen_apps_dark.png")}
+                                            before={useBaseUrl("img/screen_apps_light.jpg")}
+                                            after={useBaseUrl("img/screen_apps_dark.jpg")}
                                             width={640}
                                             height={480}
                                         />
@@ -145,8 +145,8 @@ function Home() {
                                     <ClientOnly>
                                         <BeforeAfterSlider
                                             className={styles.featureImage}
-                                            before={useBaseUrl("img/screen_admin_light.png")}
-                                            after={useBaseUrl("img/screen_admin_dark.png")}
+                                            before={useBaseUrl("img/screen_admin_light.jpg")}
+                                            after={useBaseUrl("img/screen_admin_dark.jpg")}
                                             width={640}
                                             height={480}
                                         />
diff --git a/website/static/img/screen_admin_dark.jpg b/website/static/img/screen_admin_dark.jpg
new file mode 100644
index 000000000..94f440b25
Binary files /dev/null and b/website/static/img/screen_admin_dark.jpg differ
diff --git a/website/static/img/screen_admin_dark.png b/website/static/img/screen_admin_dark.png
deleted file mode 100644
index d140e3ec8..000000000
Binary files a/website/static/img/screen_admin_dark.png and /dev/null differ
diff --git a/website/static/img/screen_admin_light.jpg b/website/static/img/screen_admin_light.jpg
new file mode 100644
index 000000000..71b68cda7
Binary files /dev/null and b/website/static/img/screen_admin_light.jpg differ
diff --git a/website/static/img/screen_admin_light.png b/website/static/img/screen_admin_light.png
deleted file mode 100644
index 239f9baa5..000000000
Binary files a/website/static/img/screen_admin_light.png and /dev/null differ
diff --git a/website/static/img/screen_apps_dark.jpg b/website/static/img/screen_apps_dark.jpg
new file mode 100644
index 000000000..0f672a97b
Binary files /dev/null and b/website/static/img/screen_apps_dark.jpg differ
diff --git a/website/static/img/screen_apps_dark.png b/website/static/img/screen_apps_dark.png
deleted file mode 100644
index cac787322..000000000
Binary files a/website/static/img/screen_apps_dark.png and /dev/null differ
diff --git a/website/static/img/screen_apps_light.jpg b/website/static/img/screen_apps_light.jpg
new file mode 100644
index 000000000..748f29f43
Binary files /dev/null and b/website/static/img/screen_apps_light.jpg differ
diff --git a/website/static/img/screen_apps_light.png b/website/static/img/screen_apps_light.png
deleted file mode 100644
index de30ae99b..000000000
Binary files a/website/static/img/screen_apps_light.png and /dev/null differ