Use picture to try to fix badge links

README.md

@@ -2,16 +2,24 @@
   <h1>Puffer SDK</h1>
 
   <a href="https://github.com/pufferfinance/puffer-sdk/actions/workflows/build-and-test.yml?query=branch%3Amain">
-    <img alt="build" src="https://github.com/pufferfinance/puffer-sdk/actions/workflows/build-and-test.yml/badge.svg?branch=main" />
+    <picture>
+      <img alt="build" src="https://github.com/pufferfinance/puffer-sdk/actions/workflows/build-and-test.yml/badge.svg?branch=main" />
+    </picture>
   </a>
   <a href="https://github.com/PufferFinance/puffer-sdk/blob/main/LICENSE">
-    <img alt="license" src="https://img.shields.io/github/license/pufferfinance/puffer-sdk" />
+    <picture>
+      <img alt="license" src="https://img.shields.io/github/license/pufferfinance/puffer-sdk" />
+    </picture>
   </a>
   <a href="https://www.npmjs.com/package/@pufferfinance/puffer-sdk">
-    <img alt="npm downloads" src="https://img.shields.io/npm/dm/@pufferfinance/puffer-sdk?logo=npm" />
+    <picture>
+      <img alt="npm downloads" src="https://img.shields.io/npm/dm/@pufferfinance/puffer-sdk?logo=npm" />
+    </picture>
   </a>
   <a href="https://www.npmjs.com/package/@pufferfinance/puffer-sdk">
-    <img alt="npm version" src="https://img.shields.io/npm/v/@pufferfinance/puffer-sdk?label=version&logo=npm" />
+    <picture>
+      <img alt="npm version" src="https://img.shields.io/npm/v/@pufferfinance/puffer-sdk?label=version&logo=npm" />
+    </picture>
   </a>
   <!-- TODO: ADD COVERAGE BADGE -->