From 24e3f4d673c56f2151fbcce7acdcaa922176061d Mon Sep 17 00:00:00 2001
From: Victor Algaze <valgaze@gmail.com>
Date: Mon, 20 May 2024 09:45:03 -0700
Subject: [PATCH] add tweak for safari

---
 docs/public/sb_logo.svg | 35 +++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/docs/public/sb_logo.svg b/docs/public/sb_logo.svg
index b24aace..d10aee1 100644
--- a/docs/public/sb_logo.svg
+++ b/docs/public/sb_logo.svg
@@ -1,41 +1,52 @@
 <svg width="32769" height="23570" viewBox="0 0 32769 23570" fill="none" xmlns="http://www.w3.org/2000/svg" id="cute-svg">
-  <style>
- 
+<style>
     @keyframes look-around-left-animation {
       0%, 100% {
-        transform: translate(0, 0) translateZ(0);
+        transform: translate(0, 0);
       }
       25% {
-        transform: translate(15%, -5%) translateZ(0);
+        transform: translate(2450px, -1180px);
       }
       50% {
-        transform: translate(-5%, 5%) translateZ(0);
+        transform: translate(-815px, 1180px);
       }
       75% {
-        transform: translate(18%, 5%) translateZ(0);
+        transform: translate(2940px, 1180px);
       }
     }
 
     @keyframes look-around-right-animation {
       0%, 100% {
-        transform: translate(0, 0) translateZ(0);
+        transform: translate(0, 0);
       }
       25% {
-        transform: translate(5%, -5%) translateZ(0);
+        transform: translate(1275px, -1180px);
       }
       50% {
-        transform: translate(-15%, 5%) translateZ(0);
+        transform: translate(-3820px, 1180px);
       }
       75% {
-        transform: translate(5%, 5%) translateZ(0);
+        transform: translate(1275px, 1180px);
       }
     }
+
+    #left-eye {
+      animation: look-around-left-animation 4s infinite;
+      transform-box: fill-box;
+      transform-origin: center;
+    }
+
+    #right-eye {
+      animation: look-around-right-animation 4s infinite;
+      transform-box: fill-box;
+      transform-origin: center;
+    }
   </style>
 
 
   <path d="M24107.9 7548.34C24107.9 6676.18 23761.4 5839.73 23144.7 5223.02C22528 4606.3 21691.5 4259.84 20819.4 4259.84C19947.2 4259.84 19110.8 4606.3 18494.1 5223.02C17877.3 5839.73 17530.9 6676.18 17530.9 7548.34L20819.4 7548.34H24107.9Z" fill="#303030"/>
-  <circle id="left-eye" cx="16220.2" cy="13083.8" r="1825.65" fill="#303030" style="animation: look-around-left-animation 4s infinite; transform-origin: center;" />
-  <circle id="right-eye" cx="25535.6" cy="13083.8" r="1825.65" fill="#303030" style="animation: look-around-right-animation 4s infinite; transform-origin: center;"/>
+  <circle id="left-eye" cx="16220.2" cy="13083.8" r="1825.65" fill="#303030"/>
+  <circle id="right-eye" cx="25535.6" cy="13083.8" r="1825.65" fill="#303030"/>
   <rect x="20386.4" y="2644.85" width="866.011" height="3253.39" fill="#303030"/>
   <circle cx="20831.1" cy="1451.15" r="1451.15" fill="#303030"/>
   <rect x="4332.06" y="11054.2" width="6759.01" height="1360.87" rx="764.425" fill="#303030"/>