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

.chat-right 
{
   background-color: lightpink; 
   float: right;
   border-radius: 15% 15% 0% 15%;
}

.image 
{
 max-width: 45%; 
}
.chat-left {
   background-color: lavender;
   float: left;
}

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