:root {
  --clip-polygon-01: 
    0% 75%,
    10% 80%,
    20% 85%,
    30% 88%,
    40% 91%,
    50% 94%,
    60% 96%,
    70% 97.5%,
    80% 99%,
    90% 99.5%,
    100% 100%,
    100% 0%,
    0% 0%;
  
    --clip-polygon-02: 
    0% 90%,
    10% 92%,
    20% 94%,
    30% 96%,
    40% 98%,
    50% 100%,
    100% 100%,
    100% 0%,
    0% 0%;

}

/* angle down 20% from left to right top and bottom */
.diagonal-20-down {
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);
}
/* angle up 20% from left to right top and bottom */
.diagonal-20-up {
  clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0 100%);
}
/* cut bottom left with curve */
.bottom-left-curve {
  clip-path: ellipse(100% 75% at 88% 34%);
}
/* cut bottom right with curve */
.bottom-right-curve {
  clip-path: ellipse(100% 75% at 20% 30%);
}

.swoosh-text {
  padding: 1rem;
  line-height: 1.4;
  display: inline-block;
  position: relative;
}