From f18d79cbe2afad3ffda177fa44d776fe6a44711f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yannik=20R=C3=B6del?= <hey@yannik.info>
Date: Tue, 21 Sep 2021 14:24:02 +0200
Subject: [PATCH] Update banner image settings

---
 .eleventy.js                   | 3 +++
 styles/components/_banner.scss | 1 +
 2 files changed, 4 insertions(+)

diff --git a/.eleventy.js b/.eleventy.js
index 80575a6..bc04a89 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -77,6 +77,9 @@ ${content}
       formats: ["avif", "webp", "jpeg"],
       urlPath: "/assets/img",
       outputDir: "./_site/assets/img",
+      sharpAvifOptions: { quality: 40 },
+      sharpWebpOptions: { quality: 50 },
+      sharpJpegOptions: { quality: 65 },
     });
     const backgroundHTML = Image.generateHTML(backgroundMetadata, {
       alt: backgroundAlt,
diff --git a/styles/components/_banner.scss b/styles/components/_banner.scss
index adb9c3d..ab83a6a 100644
--- a/styles/components/_banner.scss
+++ b/styles/components/_banner.scss
@@ -12,6 +12,7 @@
   justify-content: space-around;
   position: relative;
   min-height: 60vh;
+  background-color: colors.$blue-800;
 
   > .background {
     position: absolute;