figure{
  position: relative;
  width: 40%;
}

/* Project teaser
-------------------------------------------------- */
.about {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content:space-around;
  align-items:center;
}
.about li {
  margin-bottom: 1.5em;
  list-style: none;
}
@media screen and (min-width: 50em) {
  .about li {
    float: left;
    width: 30%;
    margin-left: 5%;
  }
  .about li:first-child {
    margin-left: 0;
  }
}