improve style

styles.css

@@ -81,8 +81,8 @@ body {
 
 /* Global Image Optimization */
 img {
-    image-rendering: -webkit-optimize-contrast;
-    image-rendering: crisp-edges;
+    image-rendering: auto;
+    image-rendering: high-quality;
     transform: translateZ(0);
     backface-visibility: hidden;
     -webkit-backface-visibility: hidden;
@@ -532,8 +532,8 @@ img {
     background: var(--color-background);
     mix-blend-mode: multiply;
     /* This will blend white backgrounds with the page background */
-    image-rendering: -webkit-optimize-contrast;
-    image-rendering: crisp-edges;
+    image-rendering: auto;
+    image-rendering: high-quality;
     transform: translateZ(0);
     backface-visibility: hidden;
 }
@@ -669,8 +669,8 @@ img {
     height: 420px;
     object-fit: contain;
     border-radius: var(--radius-md);
-    image-rendering: -webkit-optimize-contrast;
-    image-rendering: crisp-edges;
+    image-rendering: auto;
+    image-rendering: high-quality;
     transform: translateZ(0);
     backface-visibility: hidden;
 }