.center {
            margin: 0;
  position: inherit;
  top: 15%;
  left: 35%;

  width: 25%;
  margin: 20px auto;
}
.circular_image {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  background-color: blue;
  /* commented for demo
  float: left;
  margin-left: 125px;
  margin-top: 20px;
  */
  
  /*for demo*/
  display:inline-block;
  vertical-align:middle;
}
.circular_image img{
  width:100%;
}
  
.one_card{
 top: 5%;
 left:  17% auto;
}