body {
  margin: 0;
  background-color: #000000;
  position: relative;
  isolation: isolate;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image:
    url('https://cdn.brawlytix.com/img/blobs/blob1.webp'),
    url('https://cdn.brawlytix.com/img/blobs/blob2.webp'),
    url('https://cdn.brawlytix.com/img/blobs/blob3.webp'),
    url('https://cdn.brawlytix.com/img/blobs/blob4.webp');
  background-repeat: no-repeat;
  background-color: #000000;
  background-size: 1000px, 900px, 750px, 600px;
  background-position:
    5% 200%,
    85% 10%,
    70% 40%,
    50% 40%;
  transform: translateZ(0);
}