/* =========================================================
   IMAGE WRAP
========================================================= */

.cis-image-wrap {
  isolation: isolate;
}

.cis-image {
  position: relative;
  z-index: 1;
}


/* =========================================================
   DECORATIVE BLOB LAYER
========================================================= */

.cis-blob-layer {
  position: absolute;
  inset: 0;

  z-index: 0;

  pointer-events: none;
}

.cis-blob-layer--right {
  transform: scaleX(-1);
}

.cis-blob {
  position: absolute;

  max-width: none;

  user-select: none;
}

.cis-blob-1 {
  top: -14%;
  left: -20%;

  width: 78%;

  transform: rotate(-8deg);
}

.cis-blob-2 {
  bottom: -16%;
  left: -16%;

  width: 62%;

  transform: rotate(10deg);
}

.cis-blob-3 {
  top: 18%;
  left: -10%;

  width: 54%;

  transform: rotate(-4deg);
}


/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width: 1023px) {

  .cis-blob-1 {
    top: -10%;
    left: -12%;

    width: 60%;
  }

  .cis-blob-2 {
    bottom: -10%;
    left: -10%;

    width: 48%;
  }

  .cis-blob-3 {
    display: none;
  }

}