.curved-svg {
  margin-top: var(--curve-upward-translation);
  margin-bottom: var(--curve-downward-translation);
  z-index: 11;
  display: flex;
  position: relative;
}
.curved-svg svg {
  display: block;
  position: relative;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(var(--curve-orientation));
}
.curved-svg svg {
  fill: var(--curve-color);
}