.about {
    width: 100%;
    .about__content {
        width: 100%;
        padding: 12rem 14vw;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        .about__box {
            width: 100%;
            max-width: 500px;
            padding: 1.5rem;
            background-color: var(--light-color);
            box-shadow: 5px 5px 10px var(--light-shadow);
        }
    }
}

@media (width <= 512px){
    .about {
        .about__content {
            padding: 6rem 4vw;
        }
    }
}