.shapesContainer {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
}

.shape {
  --blue: invert(53%) sepia(80%) saturate(4689%) hue-rotate(189deg)
    brightness(92%) contrast(93%);
  --teal: invert(76%) sepia(39%) saturate(578%) hue-rotate(110deg)
    brightness(91%) contrast(88%);

  position: absolute;
  filter: var(--blue);
  opacity: 20%;
}