Как адаптировать svg кривую?

  .wedo {
  position: relative;
  background-color: #333333;
  @include adaptiveValue("padding-top", 44, 15);
  @include adaptiveValue("padding-bottom", 116, 15);
  &__body {
    display: flex;
    justify-content: space-around;
    position: relative;
  }
  &__line {
    position: absolute;
    left: 19.5%;
    top: -10%;
    opacity: 0.5;
    &_2 {
      left: 54%;
    }
  }
  &__item {
    @include adaptiveValue("padding-top", 57, 15);
    text-align: center;
    align-items: center;
  }
  &__image {
    flex: 1 1 auto;
    background-color: #333;
    @include adaptiveValue("margin-bottom", 38, 17);
  }
  &__title {
    color: #e8e8e8;
    @include adaptiveValue("font-size", 36, 16);
  }

<section class="page__wedo wedo">
  <div class="wedo__container">
    <div class="wedo__body">
      <svg class="wedo__line">
                            <circle stroke-width="1" stroke="white" fill="none" cx="50%" cy="270" r="250" />
                        </svg>
      <svg class="wedo__line wedo__line_2">
                            <circle stroke-width="1" stroke="white" fill="none" cx="50%" cy="270" r="250" />
                        </svg>
      <a href="" class="wedo__item">
        <div class="wedo__image">
          <img src="@img/whatwedo/search.svg" alt="">
        </div>
        <div class="wedo__title title">Search Places</div>
      </a>
      <a href="" class="wedo__item">
        <div class="wedo__image">
          <img src="@img/whatwedo/checked.svg" alt="">
        </div>
        <div class="wedo__title title">Select Places</div>
      </a>
      <a href="" class="wedo__item">
        <div class="wedo__image">
          <img src="@img/whatwedo/like.svg" alt="">
        </div>
        <div class="wedo__title title">Book & Enjoy</div>
      </a>
    </div>
  </div>
</section>