:root {
  /* prettier-ignore */
  --bgImage1: 
  repeating-linear-gradient(0deg, 
  hsla(var(--patternHSL), 1) 0%, 
  hsla(var(--patternHSL), 1) 25%, 
  hsla(var(--patternHSL), 0) 25%, 
  hsla(var(--patternHSL), 0) 50%, 
  hsla(var(--patternHSL), 1) 50%, 
  hsla(var(--patternHSL), 1) 75%,
  hsla(var(--patternHSL), 0) 75%, 
  hsla(var(--patternHSL), 0) 100% 
  );

  /* prettier-ignore */
  --bgImage2: 
  linear-gradient(45deg, 
  hsla(var(--patternHSL), 1) 0%, 
  hsla(var(--patternHSL), 1) 6.25%, 
  hsla(var(--patternHSL), 0) 6.25%,
  hsla(var(--patternHSL), 0) 25%,
  hsla(var(--patternHSL), 1) 25%, 
  hsla(var(--patternHSL), 1) 31.25%, 
  hsla(var(--patternHSL), 0) 31.25%,
  hsla(var(--patternHSL), 0) 50%,
  hsla(var(--patternHSL), 1) 50%, 
  hsla(var(--patternHSL), 1) 56.25%, 
  hsla(var(--patternHSL), 0) 56.25%,
  hsla(var(--patternHSL), 0) 75%,
  hsla(var(--patternHSL), 1) 75%, 
  hsla(var(--patternHSL), 1) 81.25%, 
  hsla(var(--patternHSL), 0) 81.25%,
  hsla(var(--patternHSL), 0) 100%
  );

  /* prettier-ignore */
  --bgImage3: 
  radial-gradient(
  hsla(var(--patternHSL), 1) 30%, 
  hsla(var(--patternHSL), 0) 30.7%), 
  radial-gradient(hsla(var(--patternHSL), 1) 30%, 
  hsla(var(--patternHSL), 0) 30.7%);
  --bgImage4: none;
}

piece gild {
  background-size: 40% 40%;
  background-position: 0 0, 100% 100%;
  background-repeat: repeat;
}