#backgroundcirclener {
  /* max-width: 1680px; */
  margin: auto;
  position: relative;

  .circle {
    position: absolute;
  }

  .circle_1 {
    top: 797px;
    width: 1036px;
    left: 0;
  }

  .circle_2 {
    top: 797px;
    width: 1036px;
    right: 0;
    transform: rotate(180deg);
  }

  .circle_3 {
    top: 2826px;
    width: 885px;
    height: 770px;
    left: 0;
  }
}

@media (width > 1920px) {
  #backgroundcirclener {
    .circle_1 {
      width: 60%;
      top: 0;
    }

    .circle_2 {
      top: 0;
      width: 60%;
    }

    .circle_3 {
      top: 2500px;
      width: 50%;
      height: 1600px;
    }
  }
}

@media (width < 1076px) {
  #backgroundcirclener {
    .circle {
      width: 100%;
    }
  }
}

@media (width < 400px) {
  #backgroundcirclener {
    max-width: 100%;
    position: relative;

    .circle {
      position: absolute;
    }

    .circle_1 {
      width: 100%;
      height: 355px;
      top: 185px;
    }

    .circle_2 {
      top: 697px;
      width: 100%;
      left: 0;
      transform: rotate(0deg);
    }

    .circle_3 {
      display: none;
    }
  }
}