fix: #1052 - card background icon is practically invisible

src/scss/_variables.scss

@@ -379,6 +379,8 @@ $card-group-margin: 1.5rem !default;
 $card-shadow: $shadow !default;
 $card-shadow-hover: rgba($dark, .16) 0 2px 16px 0 !default;
 
+$card-stamp-opacity: .2 !default;
+
 $cards-grid-gap: 1rem !default;
 $cards-grid-breakpoint: lg !default;
 

src/scss/ui/_cards.scss

@@ -44,6 +44,7 @@
   height: calc(var(--stamp-size) * 1);
   max-height: 100%;
   border-top-right-radius: $border-radius;
+  opacity: $card-stamp-opacity;
   overflow: hidden;
   pointer-events: none;
 }
@@ -66,7 +67,6 @@
   right: calc(var(--stamp-size) * -.25);
   font-size: calc(var(--stamp-size) * .75);
   transform: rotate(10deg);
-  opacity: .075;
 
   .icon {
     stroke-width: 2;