.wavy-divider {
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--wavy-divider-height, clamp(3rem, 6vw, 6rem));
  margin: -1px 0;
  background-color: var(--wavy-divider-top);
  overflow: hidden;
  line-height: 0;
}

.wavy-divider__wave {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.wavy-divider__top {
  fill: var(--wavy-divider-top);
}

.wavy-divider__bottom {
  fill: var(--wavy-divider-bottom);
}

.wavy-divider__wave--flip {
  transform: scaleX(-1);
}