Reduce exec image quality

Author: scorpiontornado

components/team/ExecCard.tsx

@@ -26,8 +26,8 @@ const ExecCard = ({ data, colour }: ExecCardProps) => {
           <Image
             alt={name}
             src={image}
-            sizes="(max-width: 767px) 100vw, 33vw"
-            quality="0.5"
+            sizes="(max-width: 767px) 100vw, 33vw" // 1 column -> 3 at md breakpoint (768px)
+            quality="40" // 0 to 100, default 75
             className={styles["card-img-top"]}
           />
         </div>

next.config.js

@@ -9,12 +9,12 @@ const nextConfig = {
   sassOptions: {
     includePaths: [path.join(__dirname, "styles")],
   },
-  images: {
-    // Not a permanent solution - from ChatGPT, trying to address images not loading
-    // see: https://nextjs.org/docs/pages/api-reference/components/image#devicesizes
-    deviceSizes: [640, 750, 828, 1080, 1200, 1920],
-    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-  },
+  // images: {
+  //   // Not a permanent solution - from ChatGPT, trying to address images not loading
+  //   // see: https://nextjs.org/docs/pages/api-reference/components/image#devicesizes
+  //   deviceSizes: [640, 750, 828, 1080, 1200, 1920],
+  //   imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+  // },
 };
 
 module.exports = nextConfig;