#content {
 position: absolute; 
 top: 0;
 left: 0;
 background-color: #e9ecf2;
 width: 100%;
 padding-bottom: 60px;
 font-family: 'Arial', sans-serif;
 font-weight: bold; 
}

.person-one {
 background-color: #c5630e;
 max-width: 45%; 
 margin: 2%;
 float: left;
 clear: both; 
}

.person-one.text {
 border-radius: 30% 30% 30% 0%;
 padding: 10px 25px;
}

.person-one.image {
 border-radius: 15% 15% 15% 0%; 
}

.person-two {
background-color: #630ec5;
max-width: 45%;
margin: 2%;
padding: 0px 20px;
float: right;
clear: both;  
}

.person-two.text {
border-radius: 45% 45% 0% 45%;
padding: 10px 25px;
}

.image img{
max-width: 50%;  
border-radius: 15% 15% 0% 15%;
margin: 5%;
}

.person-two.image {
border-radius: 15% 15% 0% 15%;
}