.card.color {
      background-image:
      url("../img/kp85.jpg"),
      linear-gradient(-33deg,
      rgb(206, 42, 36) 10.5%, 
      rgb(255, 244, 3) 35.29%, 
      rgb(77, 221, 129) 39.92%, 
      rgb(35, 29, 150) 48.74%, 
      rgb(206, 42, 36) 64.71%, 
      rgb(181, 64, 228) 71.43%),

      linear-gradient( 
      90deg, 
      rgba(14, 21, 46, 0.5) 30%, 
      hsl(180, 10%, 50%) 1%, 
      hsl(83, 50%, 35%) 1%, 
      hsl(180, 10%, 50%) 1%, 
      rgba(14, 21, 46, 0.5) 10% , 
      rgba(14, 21, 46, 0.5) 100% 
      ),
      radial-gradient(
      farthest-corner circle 
      at var(--mx) var(--my),
      rgba(6, 218, 255, 0.6) 0%, 
      rgba(38, 235, 127, 0.6) 25%, 
      rgba(155, 78, 228, 0.6) 50%, 
      rgba(228, 78, 90, 0.6) 75%
      );
      background-blend-mode: color-dodge, exclusion, soft-light;
      background-size: 70% 80%, 200% 700%, 300% 100%, 200% 100%;
      background-position: center, 0% var(--posy), var(--posx) var(--posy), var(--posx) var(--posy);
    }
    
    .card.color::after {
      content: "";
        background-size: 50% 70%, 200% 700%, 300% 100%, 200% 100%;
        background-position: center, 0% var(--posy), calc( var(--posx) * -1) calc( var(--posy) * -1), var(--posx) var(--posy);
        filter: brightness(calc((var(--hyp)*0.5) + .7)) contrast(2) saturate(1);
        mix-blend-mode: exclusion;
      background-image: 
      url("../img/kp85.jpg"),
           linear-gradient(-33deg,
           rgb(206, 42, 36) 10.5%, 
           rgb(255, 244, 3) 35.29%, 
           rgb(77, 221, 129) 39.92%, 
           rgb(35, 29, 150) 48.74%, 
           rgb(206, 42, 36) 64.71%, 
           rgb(181, 64, 228) 71.43%),

          repeating-linear-gradient( 
          90deg, 
          rgba(14, 21, 46, 0.5) 30%, 
          hsl(180, 10%, 50%) 1%, 
          hsl(83, 50%, 35%) 1%, 
          hsl(180, 10%, 50%) 1%, 
          rgba(14, 21, 46, 0.5) 10% , 
          rgba(14, 21, 46, 0.5) 100% 
          ),
          radial-gradient(
          farthest-corner circle 
          at var(--mx) var(--my),
          rgba(6, 218, 255, 0.6) 0%, 
          rgba(38, 235, 127, 0.6) 25%, 
          rgba(155, 78, 228, 0.6) 50%, 
          rgba(228, 78, 90, 0.6) 75%
          );
        background-blend-mode:color-dodge, exclusion, soft-light;
    }