CSS – Polka dots background – Elementor and CSS

				
					selector {
--d : 10%;
--x : 50px;
--bgcolor : #fff;
--dotcolor: #000;
background-color: var(--bgcolor);
background-image: radial-gradient(circle, var(--dotcolor) var(--d), transparent var(--d) );
background-size: var(--x) var(--x);
background-position: 0 0;
}

				
					 selector {
     --dotsize-1 : 10%;
     --dotsize-1-color : white; 
     --dotsize-2 : 15%;
     --dotsize-2-color : white;
     --background-color : transparent;
     --dist: 70px;
 
  background-color: var(--background-color);
    background-image: 
        radial-gradient(circle, var(--dotsize-1-color) var(--dotsize-1), transparent 05%),
        radial-gradient(circle, var(--dotsize-2-color) var(--dotsize-2), transparent 10%);
    background-size: var(--dist) var(--dist), var(--dist) var(--dist);
    background-position: 0 0, calc(var(--dist) / 2 ) calc(var(--dist) / 2 );
 }