#content {
  position: Absolute;
  top: 0;
  left: 0; 
  background-color: #B2a4ff;
  width: 100%;
  padding-bottom: 15%;  font-family: Arial, san-serif;
  font-weight: bold;
}
  .first-person {
    background-color: #3e497a;
    max-width: 50%;
    margin: 4%;
    float: left;
    clear: both
}
.first-person.text {
  border-radius: 20% 20% 20% 0%;
  padding: 15px 35px;
}
.first-person.image {
  border-radius: 10% 10% 10% 0;
}
.second-person {
  background-color: #d16981;
  max-width: 50%;
  margin: 4%;
  padding: 0px 20px;
  float: right;
  clear: both;
}
.second-person.text {
  border-radius: 30% 30% 0% 30%;
  padding: 15px 35px;
}
.second-person.image {
  border-radius: 20% 20% 0% 20%;
}
.image img {
  max-width: 85%;
  border-radius: 15% 15% 15% 15%;
  margin: 10%;
}