Remove width and height to Hero image

Author: nucliweb

pages/index.mdx

@@ -7,15 +7,14 @@ A curated list of snippets to get Web Performance metrics to use in the browser
 <picture style={{ marginTop: "20px", display: "block" }}>
   <img
     style={{ aspectRatio: 342 / 214 }}
+    sizes="85vw"
     srcSet="https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_600/v1685735993/webperf-snippets/DevTools-Snippets.png 600px,
             https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_1200/v1685735993/webperf-snippets/DevTools-Snippets.png 1200px"
     src="https://res.cloudinary.com/nucliweb/image/upload/c_scale,f_auto,q_auto,w_342/v1685735993/webperf-snippets/DevTools-Snippets.png"
     loading="eager"
     decoding="sync"
     fetchpriority="high"
     alt="Chrome DevTools"
-    width="682"
-    height="427"
   />
 </picture>