<css-doodle>

  :doodle {

    @grid: 3 x 1;

  }

​

  width: 40vmin;

  height: 80vmin;

​

  position: relative;

  box-sizing: border-box;

  margin: 1vmin;

  border-radius: 5vmin;

  border:2px solid #666;

  box-shadow: 1px 1px 4px 2px #222;

  overflow: hidden;

  --size: @r(8, 12)%;

  --randomDeg: @r(30, 60);

  --colorA: rgb(@r(255), @r(255), @r(255));

  --colorB: rgb(@r(255), @r(255), @r(255));

  --colorC: rgb(@r(255), @r(255), @r(255));

  --colorD: rgb(@r(255), @r(255), @r(255));

  --colorE: rgb(@r(255), @r(255), @r(255));

  --colorF: rgb(@r(255), @r(255), @r(255));

  background:

    repeating-radial-gradient(

      circle,

      var(--colorA) 0,

      var(--colorA) 15%,

      var(--colorB) 15%,

      var(--colorB) 30%,

      var(--colorC) 30%,

      var(--colorC) 45%,

      var(--colorD) 45%,

      var(--colorD) 60%,

      var(--colorE) 60%,

      var(--colorE) 75%,

      var(--colorF) 75%,

      var(--colorF) 90%,

      transparent 90%,

      transparent  0

    ),

    repeating-radial-gradient(

      circle,

      var(--colorA) 0,

      var(--colorA) 15%,

      var(--colorB) 15%,

      var(--colorB) 30%,

      var(--colorC) 30%,

      var(--colorC) 45%,

      var(--colorD) 45%,

      var(--colorD) 60%,

      var(--colorE) 60%,

      var(--colorE) 75%,

      var(--colorF) 75%,

      var(--colorF) 90%,

      transparent 90%,

      transparent  0

    );

  --bgSize: @r(5, 80)px;

  --bgSize2: @r(5, 80)px;

  --bgPosition: @r(0, 100)%;

  --bgPosition2: @r(0, 100)%;

  background-size: var(--bgSize) var(--bgSize), var(--bgSize2) var(--bgSize2);

  background-position: var(--bgPosition) var(--bgPosition), var(--bgPosition2) var(--bgPosition2);

  background-blend-mode: @p(multiply, color-burn, screen);

​

</css-doodle>