.alt-waves {
  display: block;
  background: var(--alt-waves-bg);
  line-height: 0;
}

.alt-waves__body {
  height: var(--alt-waves-h-d);
  overflow: hidden;
}

.alt-waves__body--flip { transform: scaleY(-1); }

.alt-waves__svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 1279px) {
  .alt-waves__body { height: var(--alt-waves-h-t); }
}

@media (max-width: 767px) {
  .alt-waves__body { height: var(--alt-waves-h-m); }
}