StarField Effect With CSS for Brizy

.starfield {

  --co: #fff;

  --star1: 2px;

  --star2: 4px;

  --star3: 6px;

  --star: 1323px 773px var(--co), 1115px 1814px var(--co), 2272px 269px var(--co), 1653px 964px var(--co), 989px 1253px var(--co), 1317px 1653px var(--co), 1426px 925px var(--co), 1212px 797px var(--co), 1227px 1447px var(--co), 1629px 126px var(--co), 1889px 1908px var(--co), 23px 595px var(--co), 2447px 724px var(--co), 714px 459px var(--co), 1394px 1904px var(--co), 328px 329px var(--co), 756px 268px var(--co), 1565px 272px var(--co), 862px 1584px var(--co), 2516px 1590px var(--co), 483px 1206px var(--co), 531px 1646px var(--co), 1055px 250px var(--co), 1726px 1185px var(--co), 1146px 972px var(--co), 2080px 776px var(--co), 437px 1524px var(--co), 810px 1387px var(--co), 2463px 1103px var(--co), 2552px 1079px var(--co), 7px 1981px var(--co), 232px 1768px var(--co), 1075px 1512px var(--co), 2475px 151px var(--co), 179px 1745px var(--co), 1066px 369px var(--co), 413px 1667px var(--co), 848px 1684px var(--co), 983px 1434px var(--co), 1531px 1474px var(--co), 1095px 1567px var(--co), 1920px 990px var(--co), 64px 1619px var(--co), 863px 1247px var(--co), 1618px 1797px var(--co), 914px 1281px var(--co), 617px 1875px var(--co), 2089px 1638px var(--co), 1804px 1621px var(--co), 2541px 642px var(--co), 943px 1283px var(--co), 1394px 1295px var(--co), 739px 1120px var(--co), 2523px 1975px var(--co), 1778px 1927px var(--co), 2400px 1438px var(--co), 1374px 238px var(--co), 332px 1118px var(--co), 332px 115px var(--co), 627px 926px var(--co), 123px 1709px var(--co), 1879px 290px var(--co), 1138px 117px var(--co), 1338px 848px var(--co), 1277px 1417px var(--co), 654px 519px var(--co), 2074px 116px var(--co), 2336px 1153px var(--co), 1742px 378px var(--co), 2343px 1988px var(--co), 2440px 474px var(--co), 1298px 1519px var(--co), 1793px 1677px var(--co), 2441px 1753px var(--co), 362px 1900px var(--co), 1578px 319px var(--co), 1078px 1331px var(--co), 605px 1851px var(--co), 1912px 1778px var(--co), 2205px 1177px var(--co), 1483px 206px var(--co), 1656px 1893px var(--co), 419px 664px var(--co), 1111px 30px var(--co), 2307px 1693px var(--co), 2159px 1443px var(--co), 1269px 1229px var(--co), 2051px 1558px var(--co), 2174px 1562px var(--co), 1272px 1586px var(--co), 1415px 1298px var(--co), 1596px 758px var(--co), 1810px 1413px var(--co), 644px 1801px var(--co), 72px 427px var(--co), 1780px 791px var(--co), 1288px 1520px var(--co), 755px 732px var(--co), 22px 1748px var(--co), 1392px 1273px var(--co), 2499px 1633px var(--co), 384px 827px var(--co), 1693px 1202px var(--co), 946px 870px var(--co), 1332px 634px var(--co), 1293px 806px var(--co), 617px 1244px var(--co), 2534px 817px var(--co), 2505px 324px var(--co), 2218px 155px var(--co), 2183px 966px var(--co), 1888px 816px var(--co), 2082px 661px var(--co), 245px 497px var(--co), 2271px 1416px var(--co), 1490px 615px var(--co), 2510px 1701px var(--co), 5px 1444px var(--co), 2234px 1271px var(--co), 1807px 1494px var(--co), 2314px 1698px var(--co), 806px 1779px var(--co), 391px 686px var(--co), 441px 1112px var(--co), 1867px 1530px var(--co), 567px 743px var(--co), 337px 1304px var(--co), 884px 1715px var(--co), 9px 1780px var(--co), 1027px 225px var(--co), 791px 1177px var(--co), 1488px 365px var(--co), 1066px 8px var(--co), 404px 750px var(--co), 939px 481px var(--co), 2009px 602px var(--co), 1658px 811px var(--co), 1991px 333px var(--co), 1877px 604px var(--co), 372px 1216px var(--co), 1926px 1541px var(--co), 1206px 1935px var(--co), 2140px 866px var(--co), 1068px 1892px var(--co), 902px 1338px var(--co), 1038px 865px var(--co), 619px 1105px var(--co), 1860px 543px var(--co), 1326px 1037px var(--co), 446px 1903px var(--co), 1283px 1404px var(--co), 521px 387px var(--co), 2006px 1694px var(--co), 858px 233px var(--co), 504px 1058px var(--co), 2049px 1849px var(--co), 1976px 1329px var(--co), 1850px 682px var(--co), 1879px 641px var(--co), 1628px 1308px var(--co), 88px 1830px var(--co), 1753px 1769px var(--co), 1684px 150px var(--co), 1173px 1123px var(--co), 381px 1425px var(--co), 655px 923px var(--co), 1777px 1816px var(--co), 2121px 1654px var(--co), 315px 1594px var(--co), 815px 686px var(--co), 1539px 393px var(--co), 276px 249px var(--co), 2542px 1065px var(--co), 939px 546px var(--co), 360px 1203px var(--co), 1910px 222px var(--co), 84px 1024px var(--co), 687px 1845px var(--co), 204px 1138px var(--co), 1845px 1293px var(--co), 1943px 868px var(--co), 2361px 808px var(--co), 2525px 1497px var(--co), 1246px 382px var(--co), 2233px 854px var(--co), 2464px 890px var(--co), 973px 1511px var(--co), 1514px 924px var(--co), 1925px 507px var(--co), 2521px 548px var(--co), 1886px 1295px var(--co), 1136px 43px var(--co), 871px 1990px var(--co), 1072px 1112px var(--co), 1464px 1868px var(--co), 1599px 285px var(--co), 2466px 757px var(--co), 269px 1683px var(--co), 230px 491px var(--co), 968px 347px var(--co);

}

.starfield > div > .brz-bg::before {

  content: "";

  position: absolute;

  top: -200px;

  width: var(--star1);

  height: var(--star1);

  box-shadow: var(--star);

  z-index: 1;

  animation: animStar 100s linear infinite;

}

.starfield > div > .brz-bg::after {

  content: "";

  position: absolute;

  top: 1770px;

  width: var(--star1);

  height: var(--star1);

  box-shadow: var(--star);

  animation: animStar 100s linear infinite;

}

.starfield > div > .brz-bg > .brz-bg-color::before {

  content: "";

  position: absolute;

  top: 0;

  width: var(--star2);

  height: var(--star2);

  box-shadow: var(--star);

  animation: animStar 180s linear infinite;

}

.starfield > div > .brz-bg > .brz-bg-color::after {

  content: "";

  position: absolute;

  top: 1970px;

  width: var(--star2);

  height: var(--star2);

  box-shadow: var(--star);

  animation: animStar 180s linear infinite;

}

.starfield > div > .brz-container::before {

  content: "";

  position: absolute;

  top: 100px;

  left: -200px;

  width: var(--star3);

  height: var(--star3);

  box-shadow: var(--star);

  animation: animStar 140s linear infinite;

}

.starfield > div > .brz-container::after {

  content: "";

  position: absolute;

  top: 1980px;

  left: -200px;

  width: var(--star3);

  height: var(--star3);

  box-shadow: var(--star);

  animation: animStar 140s linear infinite;

}

@keyframes animStar {

0% {

  transform: translate(0px, 0px);

}

100% {

  transform: translate(-300px, -1990px);

}

}