[class*="is-style-blob"] {
  position: relative;
}

[class*="is-style-blob"]::before {
  z-index: -1;
  position: absolute;
  inset-block-start: var(--_top);
  inset-inline-end: var(--_right);
  inset-inline-start: var(--_left);
  width: 100%;
  max-width: var(--_width, 100vw);
  content: var(--_content);
}

[class*="is-style-blob-1"] {
  --_content: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2347CC8B' d='M43.3,-73.3C56.9,-67.1,69.3,-57.1,72.6,-44.3C75.9,-31.4,70.2,-15.7,70.4,0.1C70.6,15.9,76.7,31.9,70.7,40.2C64.8,48.5,46.8,49.2,33,52.2C19.2,55.2,9.6,60.5,-1.9,63.7C-13.3,67,-26.6,68.1,-40.5,65.1C-54.5,62.2,-69,55.2,-78.1,43.7C-87.3,32.1,-91.2,16.1,-87.4,2.2C-83.5,-11.6,-71.9,-23.2,-62.2,-33.8C-52.5,-44.5,-44.7,-54.2,-34.7,-62.5C-24.6,-70.7,-12.3,-77.5,1.3,-79.7C14.8,-81.9,29.7,-79.5,43.3,-73.3Z' transform='translate(100 100)' /%3E%3C/svg%3E");
}

[class*="is-style-blob-2"] {
  --_content: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2347CC8B' d='M30.6,-45.5C43.9,-45.4,61.8,-45.7,65.6,-38.2C69.4,-30.7,59.2,-15.3,54.7,-2.6C50.2,10.1,51.5,20.3,48.7,29.6C45.9,39,39.1,47.5,30.4,51.8C21.6,56,10.8,56,-2.5,60.3C-15.8,64.6,-31.6,73.3,-42.3,70.2C-53.1,67.1,-58.9,52.2,-66.4,38.5C-74,24.9,-83.3,12.4,-84.3,-0.6C-85.4,-13.7,-78.2,-27.3,-66.4,-33.7C-54.7,-40.1,-38.4,-39.2,-26.6,-40.1C-14.8,-41,-7.4,-43.8,0.7,-44.9C8.7,-46,17.4,-45.6,30.6,-45.5Z' transform='translate(100 100)' /%3E%3C/svg%3E%0A");
}

[class*="is-style-blob-3"] {
  --_content: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2347CC8B' d='M52.1,-19.1C58,1.1,46.6,24.7,27.5,38.7C8.5,52.7,-18.1,57.1,-32.8,46.2C-47.6,35.2,-50.4,8.9,-43,-13.5C-35.6,-35.9,-17.8,-54.4,2.7,-55.3C23.1,-56.2,46.3,-39.4,52.1,-19.1Z' transform='translate(100 100)' /%3E%3C/svg%3E");
}

.is-style-blob-1-right {
  --_top: -10%;
  --_right: -25%;
}

.is-style-blob-1-left {
  --_top: -10%;
  --_left: -25%;
}

.is-style-blob-2-right {
  --_top: -25%;
  --_right: -25%;
}

.is-style-blob-2-left {
  --_top: -25%;
  --_left: -25%;
}

.is-style-blob-3-right {
  --_top: -20%;
  --_right: -25%;
}

.is-style-blob-3-left {
  --_top: -20%;
  --_left: -25%;
}

@media (min-width: 601px) {
  .is-style-blob-1-right {
    --_width: 75%;
    --_top: -20%;
  }

  .is-style-blob-1-left {
    --_width: 75%;
    --_top: -20%;
  }

  .is-style-blob-2-right {
    --_width: 75%;
    --_top: -50%;
  }

  .is-style-blob-2-left {
    --_width: 75%;
    --_top: -50%;
  }

  .is-style-blob-3-right {
    --_width: 75%;
    --_top: -75%;
  }

  .is-style-blob-3-left {
    --_width: 75%;
    --_top: -75%;
  }

  .alignwide.is-style-blob-1-right {
    --_top: -35%;
  }

  .alignwide.is-style-blob-1-left {
    --_top: -35%;
  }

  .alignwide.is-style-blob-2-right {
    --_top: -80%;
  }

  .alignwide.is-style-blob-2-left {
    --_top: -80%;
  }

  .alignfull.is-style-blob-1-right {
    --_width: 66%;
    --_top: -33%;
  }

  .alignfull.is-style-blob-1-left {
    --_width: 66%;
    --_top: -33%;
  }

  .alignfull.is-style-blob-2-right {
    --_top: -90%;
  }

  .alignfull.is-style-blob-2-left {
    --_top: -90%;
  }
}