.caja-padre{
    display: grid;
    
}
.caja {
    margin: 1em;
    padding: 1em;
}

img{
    max-width: 100%;
}

#maravilla {
    display: grid;
}

.tarjeta {
    display: grid;
}

.texto{
    padding: 0 1rem;
}

@media (max-width:600px){
    .caja-padre{
        grid-template-columns: 1fr;
    }
    #maravilla {
        grid-template-columns: 1fr;
    }
    .tarjeta{
        grid-template-columns: 1fr;
    }
}

@media (max-width:900px) and (min-width:601px) {
    .caja-padre{
        grid-template-columns: repeat(2, 1fr);
    }
    #maravilla {
        grid-template-columns: 1fr;
    }
    .tarjeta{
        grid-template-columns: 1fr 2fr;
    }
}

@media (min-width:901px){
    .caja-padre{
        grid-template-columns: repeat(4, 1fr);
    }
    #maravilla {
        grid-template-columns: 1fr 1fr;
    }
    .tarjeta{
        grid-template-columns: 1fr 2fr;
    }
}