#about-woa {
    text-align: center;
    padding: 20px;
    .about-woa-text {
        margin: auto;
        width: 50%;
        @media (max-width: 600px){
          width: 100%;
        }
    }
    .about-woa-text-list {
        text-align: left;
        width: 30%;
        margin: auto;
        @media (max-width: 600px){
          width: 100%;
        }
    }
}

#the-transformation {
    text-align: center;
    padding: 20px;
}

.responsive-full-image {
    width: 50%;
    display: block;
    margin: auto;
}

.responsive-half-image {
    width: 25%;
    display: block;
    margin: auto;
}