.bubble {
   max-width: 45%; /*will keep chat bubbles from extending over 45% of the horizontal distance across the screen*/
   margin: 2%;
   padding: 15px 20px;
}

.chat-left {
   background-color: lightgreen;
}

.chat-right {
   background-color: lightblue;
}
.chat-left {
   background-color: lightgreen;
   float: left;
}

.chat-right {
   background-color: lightblue;
   float: right;
}
.bubble {
   max-width: 45%;
   margin: 2%;
   padding: 15px 20px;
   clear: both;
}
.chat-left {
   background-color: lightgreen;
   float: left;
   border-radius: 30% 30% 30% 0%;
}

.chat-right {
   background-color: lightblue;
   float: right;
   border-radius: 30% 30% 0% 30%;
}
.image {
 max-width: 95%; 
  color: lightblue;
}