#img_4 {
    width: 100%;
    height: 225px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

#img_4 .div1 {
    grid-area: 1 / 1 / 2 / 4;
    background-color: var(--cor-darkblue);
    background-image: url('https://kpmg.com/content/dam/kpmg/br/images/2025/03/shutterstock_2508265667-esg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#img_4 .div2 {
    grid-area: 1 / 4 / 2 / 5;
    background-color: var(--cor-kpmgblue);
    background-image: url('https://kpmg.com/content/dam/kpmg/br/images/2025/03/shutterstock_2532707087-esg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#img_4 .div3 {
    grid-area: 1 / 5 / 2 / 7;
    background-color: var(--cor-cobalt);
    background-image: url('https://kpmg.com/content/dam/kpmg/br/images/2025/03/AdobeStock_998914293_21687-esg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#img_4 .div4 {
    grid-area: 1 / 7 / 2 / 8;
    background-color: var(--cor-lightblue);
    background-image: url('https://kpmg.com/content/dam/kpmg/br/images/2025/03/shutterstock_2559315729-esg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    
}



/* mobile */
@media only screen and (max-width: 640px) {

    #img_4 {
        grid-template-columns: repeat(2, 1fr);
        height: 325px;
    }

    #img_4 .div1 {
        grid-area: auto;
    }

    #img_4 .div2 {
        grid-area: auto;
    }

    #img_4 .div3 {
        grid-area: auto;
    }

    #img_4 .div4 {
        grid-area: auto;
    }

}