.right-panel {
  justify-content: center;
}

@media (max-width: 1024px){

  .cycle-container {
    width: 20rem;
    height: 20rem;
  }

  .center-logo {
    width: 3.5rem;
    height: 3.5rem;
  }

  .stage{
    width: 4.4rem;
    height: 4.4rem;
  }

  .stage p{
    font-size: 0.6rem;
  }

  #education {
    top: 10px;
    left: 50%;
  }
  
  #work {
    right: 34px;
    top: 34%;
  }
  
  #growth {
    bottom: 66px;
    left: 78%;
  }
  
  #retirement {
    left: 7.5rem;
    top: 83%;
  }
  
  #reflection {
    left: 26px;
    top: 66.5%;
  }

  #prayas {
    left: 28px;
    top: 34%;
  }

}

@media (max-width: 500px){
    body{
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    .container{
      margin-top: 35rem;
      flex-direction: column;
    }
    
    .right-panel {
      width: 100%;
    }
    
    .left-panel {
      width: 100%;
      padding: 40px;
    }
}

@media (max-width: 400px){
  
  .cycle-container {
    width: 18rem;
    height: 18rem;
  }
  
  #growth {
    bottom: 56px;
    left: 77%;
  }
  
  #retirement {
    left: 6.2rem;
    top: 83%;
  }
  
  #reflection {
    left: 26px;
    top: 66.5%;
  }
}

@media (max-width: 350px){
  
  .cycle-container {
    width: 16rem;
    height: 16rem;
  }
  
  .center-logo {
    width: 2.5rem;
    height: 2.5rem;
  }

  .stage{
    width: 3.4rem;
    height: 3.4rem;
  }

  .stage p{
    font-size: 0.5rem;
  }
  
  #growth {
    bottom: 50px;
    left: 78%;
  }
  
  #retirement {
    left: 5.8rem;
    top: 83%;
  }
  
  #reflection {
    left: 26px;
    top: 66.5%;
  }
}