.tarjetaImagenTexto {
    display: flex;
    flex-flow: column;
    height: 500px;
    width: 50%;
    /*margin: 10px;*/
    background-color: whitesmoke;
    border-radius: 25px;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

.tarjetaImagenTexto>.imagen {
    display: flex;
    width: 96%;
    height: 70%;
    padding: 5px;
    /*background-color: white;*/
    border-radius: 15px;
}


.tarjetaImagenTexto>.imagen>img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
}

.tarjetaImagenTexto>.extra {
    width: 100%;
    object-fit: cover !important;
    object-position: center;
    border-radius: 15px;
}

.tarjetaImagenTexto>.texto {
    padding: 10px;
    font-size: 2em;
    background-color: white;
    height: 30%;
    border-radius: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1800px) {

    .tarjetaImagenTexto {
        /*background-color: #6dc67d;*/
    }

    .tarjetaImagenTexto>img {
        object-fit: cover;
        padding: 10px;
    }
}

@media (max-width: 1600px) {
    .tarjetaImagenTexto {
        /*background-color: yellow;*/
    }
}

@media (max-width: 1200px) {

    .tarjetaImagenTexto {
        /*width: 100%;*/
        /*margin-bottom: 10px;*/
        height: 480px;
        /*background-color: #ff6d6d;*/
        justify-content: space-between;
        width: 100%;
    }

    .tarjetaImagenTexto>.texto {
        margin: 10px;
        padding: 10px;
        font-size: 1em;
        height: 30%;
    }

    .tarjetaImagenTexto>.imagen {
        display: flex;
        width: 95%;
        padding: 5px;
        height: 70%;
        /*background-color: aliceblue;*/

    }

    .tarjetaImagenTexto>.imagen>img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        border-radius: 15px;
    }
}

@media(max-width: 1000px) {
    .tarjetaImagenTexto {
        /*background-color: aqua;*/
    }
}

@media (max-width: 700px) {
    .tarjetaTextoImagen {
        width: 100%;
        margin-bottom: 10px;
        /*height: 400px;*/
        /*background-color: skyblue;*/
        max-height: 600px !important;
    }

    .tarjetaTextoImagen>.imagen>img {
        object-fit: contain;
        object-position: center;
        width: 100%;
        border-radius: 15px;
    }

    .tarjetaTextoImagen>.texto {
        margin: 10px;
        padding: 10px;
        font-size: 1em;
    }
}