WIP: Safari bugs

static/js/dom-manipulation.js

@@ -108,10 +108,10 @@ const setOutput = (mode, state) => {
 const screenshotCard = async () => {
   const card = document.querySelector('.pokecard');
   console.log({ card });
-  console.log('card .img.picture:');
   console.log(card.querySelector('img.picture'));
+  console.log(card.querySelector('img.picture').src);
 
-  const imageUrl = await toPng(card, {
+  let imageUrl = await toPng(card, {
     width: 400,
     height: 558,
     backgroundColor: 'transparent',
@@ -120,7 +120,16 @@ const screenshotCard = async () => {
     },
   });
 
-  console.log({ imageUrl });
+  imageUrl = await toPng(card, {
+    width: 400,
+    height: 558,
+    backgroundColor: 'transparent',
+    style: {
+      transform: 'none',
+    },
+  });
+
+  console.log(imageUrl);
 
   return imageUrl;
 };

static/style.css

@@ -729,7 +729,7 @@ img.hf-logo {
   border-radius: 50%;
   background-color: hsl(0 0% 100% / 15%);
   font-size: 0.8em;
-  filter: contrast(100) grayscale(1) drop-shadow(0 0 0.1rem white);
+  filter: contrast(100) grayscale(1) drop-shadow(0 0 0.1rem hsl(0 0% 60%));
 }
 
 .darkness {