.page-hero {
  background: url("../../images/about/hero-image.webp") no-repeat center center /
    cover;
}
.about {
  width: 100%;
  padding: 0 5%;
}
.about .text {
  width: 60%;
}
.about .image-container {
  width: 30%;
}

/* Responsive */
/* 550px */
@media screen and (max-width: 550px) {
  .about .text {
    width: 100%;
  }
  .about .image-container {
    width: 50%;
  }
}