.imagen-abuela {
    background-image: url(img/abuela-cuidando-plantas-jardin.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.container-fluid {
    border-radius: 25px solid black;
}

.imagen-abuela .col {
    margin: 20%;
    padding: 2%;
    background-color: #ffffffb0;
    border-radius: 25px;
}

    .imagen-abuela .col h5 {
        color: red;
    }



.barra-azul {
    background-color: #0164a6;
    padding: 5%;
}

    .barra-azul .col img {
        height: 9rem;
    }

.imagenes .container-fluid {
    padding: 5%;
}

    .imagenes .container-fluid img {
        height: 20rem;
    }

@media screen and (max-width: 400px) {
    .barra-azul .col img {
        height: 4.5rem;
    }

    .imagenes .container-fluid img {
        height: 10rem;
    }
}


.fondo-rojo {
    color: white;
    background-color: #e52528;
    padding: 3%;
}

    .fondo-rojo .texto {
        padding: 10%;
    }

        .fondo-rojo .texto h5 {
            font-size: 4vh;
            text-align: center;
        }

    .fondo-rojo .imagen {
        margin-right: -1%;
    }

@media screen and (max-width: 1625px) {

    .fondo-rojo .col {
        text-align: center;
        align-items: center;
    }

    .fondo-rojo .imagen {
        margin-right: 0%;
    }
}

@media screen and (max-width: 900px) {

    .fondo-rojo .imagen img {
        height: 30vw;
    }

    .fondo-rojo .texto h5 {
        font-size: 2vh;
    }
}