@mixin bubbles($color1, $color2) {

  @if $color1 {
    &::before {
      top: 25%;
      right: 80%;
      z-index: -1;
      height: 25rem;
      width: 10000px;
      content: ' ';
      display: block;
      position: absolute;
      transform: translateY(-60%);
      border-radius: 0 25rem 25rem 0;
      background-color: rgba($color1, .2);
    }
  }

  @if $color2 {
    &::after {
      top: 0;
      left: 80%;
      z-index: -1;
      height: 25rem;
      width: 10000px;
      content: ' ';
      display: block;
      position: absolute;
      transform: translateY(0%);
      border-radius: 25rem 0 0 25rem;
      background-color: rgba($color2, .2);
    }
  }
}