.blob {
  position: absolute;
  z-index: 2;
}


/*------  PLACEMENT  ------*/

.blob.top-left {
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.blob.top-right {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}


/*------  COLORS  ------*/

.blob.brown {
  content: url('../img/blobs/blobshape_1.svg');
}
.blob.blue {
  content: url('../img/blobs/blobshape_2.svg');
}
.blob.light {
  content: url('../img/blobs/blobshape_3.svg');
}


/*------  SIZES  ------*/

.blob.size-large {
  width: 240px;
}
.blob.size-medium {
  width: 180px;
}
.blob.size-small {
  width: 120px;
}


@media (max-width: 1199px) {
  .blob.size-large {
    width: 160px;
  }
  .blob.size-medium {
    width: 120px;
  }
  .blob.size-small {
    width: 80px;
  }
}