#container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
#container .item {
  display: flex;
  height: 300px;
  margin: 1em 1em;
  flex-direction: column;
}
#container .item #text,
#container .item #image {
  height: 50%;
  padding: 0.5em 1em;
}
#container .item #text {
  overflow-y: auto;
  word-break: break-all;
}
#container .item #image {
  background-image: linear-gradient(-45deg, rgb(80, 80, 165), rgba(238, 130, 238, 0.753));
}/*# sourceMappingURL=desgin.css.map */