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

.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: 20% 30% 10% 0%;
}

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