* {
    box-sizing: border-box;
    margin: 0;
    padding: 0 !important ;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

.caja1 {
    background-color: #bcdb34;
    height: 25vh;
    border: 2px solid black;
}

.caja2 {
    background-color: #3c47e7;
    height: 25vh;
    border: 2px solid black;
}   


.caja3 {
    background-color: #cc402e;
    height: 25vh;
    border: 2px solid black;
}

@media (min-width: 0) and (max-width: 991px) {
    .caja1 {
        background-color: #1e1c1c;
        border: 2px solid black;
    }

    .caja2 {
        background-color: #eac734;
        border: 2px solid black;
    }

    .caja3 {
        background-color: #e53c3c;
        border: 2px solid black;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .caja1 {
        background-color: #74acdf;
        border: 2px solid black;
    }

    .caja2 {
        background-color: linear-gradient(90deg, #ebc83b, #1b3d3f);
        transition: 0.5s ease;
        border: 2px solid black;
    }

    .caja3 {
        background-color: #74acdf;
        border: 2px solid black;
    }
}