collage image - transparent edge

stampchain-io · Feb 26, 2025 · e43fdd0 · e43fdd0
1 parent 0b2894d
commit e43fdd0
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/routes/about/index.tsx b/routes/about/index.tsx
@@ -8,7 +8,7 @@ export default function About() {
   return (
     <div>
       <img
-        src="/img/home/stamps-collage-purpleGradient-4000.webp"
+        src="/img/home/stamps-collage-purpleTransparentGradient-4000.webp"
         alt="About Bitcoin Stamps and contact Stampchain"
         class="
           absolute

diff --git a/routes/howto/index.tsx b/routes/howto/index.tsx
@@ -12,7 +12,7 @@ export default function HowTo() {
   return (
     <div className={body}>
       <img
-        src="/img/home/stamps-collage-purpleGradient-4000.webp"
+        src="/img/home/stamps-collage-purpleTransparentGradient-4000.webp"
         alt="How to practical guides on Bitcoin Stamps and the stamping tools of Stampchain"
         class="
           absolute

diff --git a/routes/index.tsx b/routes/index.tsx
@@ -79,7 +79,7 @@ export default function Home({ data }: PageProps<HomePageData>) {
 
       <div>
         <img
-          src="/img/home/stamps-collage-purpleGradient-4000.webp"
+          src="/img/home/stamps-collage-purpleTransparentGradient-4000.webp"
           alt="About Bitcoin Stamps and contact Stampchain"
           class="
           absolute
@@ -90,8 +90,8 @@ export default function Home({ data }: PageProps<HomePageData>) {
           object-cover
           pointer-events-none
           z-[-999]
-          [mask-image:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0.3),rgba(0,0,0,0.6),rgba(0,0,0,0.4),rgba(0,0,0,0))]
-          [-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0.3),rgba(0,0,0,0.6),rgba(0,0,0,0.4),rgba(0,0,0,0))]
+          [mask-image:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0.3),rgba(0,0,0,0.5),rgba(0,0,0,0.3),rgba(0,0,0,0))]
+          [-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0.1),rgba(0,0,0,0.3),rgba(0,0,0,0.5),rgba(0,0,0,0.3),rgba(0,0,0,0))]
         "
         />
 

diff --git a/routes/media/index.tsx b/routes/media/index.tsx
@@ -16,7 +16,7 @@ export default function Media() {
   return (
     <div className={body}>
       <img
-        src="/img/home/stamps-collage-purpleGradient-4000.webp"
+        src="/img/home/stamps-collage-purpleTransparentGradient-4000.webp"
         alt="Read about Bitcoin Stamps and the media mentions of Stampchain"
         class="
           absolute

diff --git a/static/img/home/stamps-collage-purpleTransparentGradient-4000.webp b/static/img/home/stamps-collage-purpleTransparentGradient-4000.webp