.card.color {
  background-image:
      url("../img/ch01.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( 
          0deg, 
          rgba(14, 21, 46, 0.5) 0%, 
          hsl(180, 10%, 60%) 3.8%, 
          hsl(180, 29%, 66%) 4.5%, 
          hsl(180, 10%, 60%) 5.2%, 
          rgba(14, 21, 46, 0.5) 10%, 
          rgba(14, 21, 46, 0.5) 15% 
      ),
      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: screen;
  background-size: 350% 280%, 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: 350% 280%, 200% 400%, 195% 100%, 200% 100%;
  background-position: center, 0% var(--posy), calc(var(--posx) * -1) calc(var(--posy) * -1), var(--posx) var(--posy); 
  mix-blend-mode: exclusion;
  background-image: 
      url("../img/ch01.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( 
          0deg, 
          rgba(14, 21, 46, 0.5) 0%, 
          hsl(180, 10%, 60%) 3.8%, 
          hsl(180, 29%, 66%) 4.5%, 
          hsl(180, 10%, 60%) 5.2%, 
          rgba(14, 21, 46, 0.5) 10%, 
          rgba(14, 21, 46, 0.5) 15% 
      ),
      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: screen, hard-light;
}