#hero > #image {
    background-image: url('assets/images/hero-services.jpg');
}
#services > .wrapper > .content {
    flex-direction: unset;
    flex-wrap: wrap;
    display: flex;
    gap: 64px;
    justify-content: center;
    padding: 0 64px 96px 64px;
}
#services > .wrapper > .content > .service {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 32px;
    max-width: 500px;
    min-width: 400px;
}
#services > .wrapper > .content > .service > img {
    width: 100%;
}
#services > .wrapper > .content > .service > div {
    padding: 0 32px;
}