main .about {
    color: #004072;
}

main .about section img {
    width: 100%;
    height: auto;
}

/* Mobile */
@media (max-width: 459.999px) {
    main .about section > div:last-child {
        margin: -250px 20px 20px 20px;
        background-color: #fef2ec;
        padding: 20px 20px;
        position: relative;
    }    
}

@media (min-width: 460px) and (max-width: 799.999px) {
    main .about section > div:last-child {
        margin: -250px 40px 20px 40px;
        background-color: #fef2ec;
        padding: 20px 40px;
        position: relative;
    }
}

@media (max-width: 799.999px) {
    main .about {
        background-color: #f8bfa3;
        padding-bottom: 20px;
    }
}

/* Desktop */
@media (min-width: 800px) {
    main .about {
        background: linear-gradient(
            to right, 
            #F07E47 0%, 
            #F07E47 30%, 
            #fef2ec 30%, 
            #fef2ec 100%
        );
    }

    section {
        max-width: 1200px;
        margin: 0 auto;
    }

    main .about section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 60px;
        padding: 80px 20px;
    }

    main .about section > div:first-child {
        flex: 1;
    }

    main .about section > div:last-child {
        flex: 2;
    }
}