#seccio2 {
    margin-top: 150px;
}

.parent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 50px;
     margin: 20px;
}

.div1, .div4 {
    background: white;
    border-radius: 25px;
    padding: 50px;
    border: 2px solid black;
}

.div2, .div3 {
    background: black;
    border-radius: 25px;
    padding: 50px;
    border: 2px solid black;
    color: white;
}

/* RESPONSIVE DESIGN */
@media (max-width: 768px) {
    .parent {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        margin: 40px 20px;
    }
}