diff --git a/web/src/components/donate/DonateBanner.svelte b/web/src/components/donate/DonateBanner.svelte
index c5276d10..285f3160 100644
--- a/web/src/components/donate/DonateBanner.svelte
+++ b/web/src/components/donate/DonateBanner.svelte
@@ -33,9 +33,6 @@
     <div id="banner-background">
         <div id="banner-background-animation">
             <div id="banner-background-inner">
-                {#each { length: 150 } as _}
-                    <IconHeart class="heart-icon" />
-                {/each}
             </div>
         </div>
     </div>
@@ -79,7 +76,10 @@
     #banner-background-inner {
         color: white;
         transform: rotate(-10deg) scale(1.5) translateY(-70px);
-        display: table-row;
+        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="40" viewBox="2 7 21 10" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-heart heart-icon"><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"></path></svg>');
+        background-repeat: repeat;
+        width: 800px;
+        height: 400px;
     }
 
     #banner-background-inner :global(.heart-icon) {
@@ -153,7 +153,7 @@
         }
 
         to {
-            transform: translate(85px) translateY(108px);
+            transform: translateX(83px) translateY(107px);
         }
     }