<div class="circle-left"></div>
<div class="circle-left2"></div>
<div class="circle-left3"></div>
<div class="circle-right"></div>
<div class="circle-right2"></div>
<div class="circle-right3"></div>
<div class="circle-mid"></div>
<div class="circle-mid2"></div>
<div class="circle-mid3"></div>
<style>
  body {
    display:flex;
    justify-content:center;
    align-items:center;
    background: #191210;
  }

  .circle-mid, .circle-mid2, .circle-mid3{
    height:140px;
    width:140px;
    border-radius:50%;
    position:absolute;
    background:#ECA03D;
  }

  .circle-mid2{
    height:100px;
    width:100px;
    background:#191210;
    border-radius:50%;
  }

  .circle-mid3{
    height:50px;
    width:50px;
    background:#84271C;
    border-radius:50%;
  }

  .circle-left, .circle-left2, .circle-left3{
    height:100px;
    width:100px;
    border-radius:50%;
    position:absolute;
    background:#ECA03D;
    left:50px;
  }

  .circle-left2{
    height:60px;
    width:60px;
    background:#191210;
    left:70
  }

  .circle-left3{
    height:100px;
    width:100px;
    background:#191210;
    border-radius:0px;
    top:50px;
  }
  .circle-right, .circle-right2, .circle-right3{
    height:100px;
    width:100px;
    border-radius:50%;
    position:absolute;
    background:#ECA03D;
    right:50px;
  }

  .circle-right2{
    height:60px;
    width:60px;
    background:#191210;
    right:70
  }

  .circle-right3{
    height:100px;
    width:100px;
    background:#191210;
    border-radius:0px;
    bottom:50px;
  }
</style>