fix images

index.html

@@ -52,13 +52,13 @@ <h2>Unlock your MacBook Pro®'s Full Brightness</h2>
         <div class="img-comp-container">
           <div class="img-comp-img img-comp-base">
             <picture>
-              <source srcset="./res/demo_dark_md.webp" media="(max-width: 1280px)">
+              <source srcset="./res/demo_dark_md.webp" media="(max-width: 1600px)">
               <img src="./res/demo_dark.webp" alt="MacBook Pro® with default maximum brightness">
             </picture>
           </div>
           <div class="img-comp-img img-comp-overlay" style="width: 0">
             <picture>
-              <source srcset="./res/demo_bright_md.webp" media="(max-width: 1280px)">
+              <source srcset="./res/demo_bright_md.webp" media="(max-width: 1600px)">
               <img src="./res/demo_bright.webp" alt="MacBook Pro® with increased brightness through BrightIntosh">
             </picture>
           </div>
@@ -95,7 +95,7 @@ <h2>Compatibility</h2>
           <div class="row">
             <div class="col example-image">
               <picture>
-                <source srcset="./res/MacBookPro_sm.webp" media="(max-width: 900px)">
+                <source srcset="./res/MacBookPro_sm.webp" media="(max-width: 1200px)">
                 <img src="./res/MacBookPro.webp" alt="Illustration of Apple MacBook Pro">
               </picture>
             </div>
@@ -112,7 +112,7 @@ <h2>Compatibility</h2>
           <div class="row">
             <div class="col example-image">
               <picture>
-                <source srcset="./res/ProDisplayXDR_sm.webp" media="(max-width: 900px)">
+                <source srcset="./res/ProDisplayXDR_sm.webp" media="(max-width: 1200px)">
                 <img src="./res/ProDisplayXDR.webp" alt="Illustration of Apple Pro Display XDR">
               </picture>
             </div>