#hero > #image {
    background-image: url('assets/images/hero-about.jpg');
}
#about {
    padding: 0px 64px 96px 64px;
}
#about > .wrapper > .content {
    max-width: 1024px;
}
#projects > .wrapper > .content {
    flex-direction: unset;
    flex-wrap: wrap;
    display: flex;
    gap: 64px;
    padding: 0 64px 96px 64px;
}
#projects > .wrapper > .content > .project {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
}
#projects > .wrapper > .content > .project > img {
    max-height: 128px;
}