Tweak images 'sizes' attribute

LkeMitchll · Mar 10, 2024 · 47c864e · 47c864e
1 parent 218a76f
commit 47c864e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/_shortcodes/image.js b/src/_shortcodes/image.js
@@ -11,11 +11,11 @@ const responsiveImage = async (imgUUID, imgAlt, size = 'large') => {
 
   const viewportWidths = {
     large: {
-      sizes: '(min-width: 800px) 65vw, (min-width: 1600px) 50vw, 90vw',
+      sizes: '(min-width: 1600px) 52.36vw, (min-width: 700px) 67.39vw, 90vw',
       widths: [400, 600, 800, 1000, 1200, 1400],
     },
     small: {
-      sizes: '(min-width: 800px) 14vw, 35vw',
+      sizes: '(min-width: 2000px) 230px, (min-width: 1040px) calc(3.51vw + 161px), (min-width: 600px) calc(30vw - 46px), (min-width: 400px) 308px, calc(72.5vw + 33px)',
       widths: [400, 600],
     },
   };