Velikost obrázku dle rodiče – CSS – Fórum – Programujte.com

Ahoj, mám element a v něm obrázek. Element má nastavený height: auto;, to znamená, že se výška se roztahuje podle obsahu. Já ale potřebuji docílit tohoto (výška obrázku přiuzpůsobená výšce textu ve vedlejším elementu):

Připojen obrázek.

Kód:  

div.content {
            width: 83em;
            height: auto;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: stretch;
            align-self: center;

            div.contact {
                width: calc(100% / 3 * 1);

                ul {
                    li {
                        font-size: 2.625em;
                        font-family: 'Open Sans';
                        font-weight: 300;
                        color: #ffffff;
                        list-style-type: none;

                        &.bold {
                            font-weight: 700;
                        }
                    }

                    &.real {
                        margin-top: 0em;
                        margin-bottom: 2em;
                        padding: 0em;
                    }

                    &.digital {
                        margin-top: 2.625em;
                        margin-bottom: 0em;
                        padding: 0em;
                    }
                }
            }

            div.image {
                width: calc(100% / 3 * 2);

                img {
                    
                }
            }
        }

Je nějaká možnost, jak tady toho dosáhnout bez použití fixní výšky elementu?

css umi s background-size: cover; ruzne triky, treba najdes priklad, ktery dela totez. Videl jsem to pouzit pro body na strance, ze se menila velikost pozadi podle okna. Ja to pouzivam jen na vytvoreni miniatury, kdyz znam rozmery, treba 150x150 a potrebuji orezat forku treba 640x320 do te miniatury 150x150.