.container {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
}

.right {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);

  display: flex;
  /* height: 250px; */
  text-align: right;

  margin-bottom: 10px;
}

.right div {
  padding: 20px;
}

.right img {
  max-width: 100%;
  height: auto;
}

.left {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);

  display: flex;
  /* height: 250px; */
  text-align: left;

  margin-bottom: 10px;
}

.left div {
  padding: 20px;
}

.left img {
  margin-left: auto;
  max-width: 100%;
  height: auto;
}

dt {
  font-weight: normal;
  font-size: 19px;
  padding: 2px;
  padding-left: 25px;
}

dt::before {
  content: "•";
  position: absolute;
  left: 5px;
}

@media (max-width: 720px) {
  .right {
    flex-direction: column;
  }
  .right img {
    width: 100%;
  }
  .left {
    flex-direction: column;
  }
  .left img {
    width: 100%;
  }
}

@media (min-width: 720px) {
  .right {
    height: 250px;
  }
  .left {
    height: 250px;
  }
}