Pusty div Opcje

[mdynda]

Witam,
mam pytanie odnośnie użycia background dla diva.
Mam dwie kolumny, z których jedna jest zawsze równa wysokości drugiej więc jak mam np 10 linijek tekstu w jednej to w drugiej mam obrazek automatycznie na tą samą wysokość - tego chciałem.

Problem jest taki, że div z obrazkiem jest pusty, a obraz ładuje do niego poprzez background w CSS, bo mam position, size itd. dla background...
Jak to rozwiązać bym w divie z obrazkiem dawał <img src=""> i by nie był pusty... bo domyślam się że puste divy nie są zgodne ze sztuką. Czy da sie do img przypisać takie same parametry jak dla background ?
Pozdrawiam

HTML

[HTML] pobierz, plaintext 
<div class="container section imgContent">
    <div class="row display-flex">
        <div class="col-12 col-md-6 imgContentText">
            <h2>Zdjęcie plus tekst</h2>
                <p>
                    Spicy jalapeno bacon ipsum dolor amet ham hock andouille burgdoggen beef ribs, biltong meatball cupim sausage drumstick ground round spare ribs ribeye ball tip. 
                </p>
        </div>
 
        <div class="col-12 col-md-6 imgContentImg">
//tutaj wole miec img src zamiast pustego diva, ale by działało to dokładnie jak background w CSS
        </div>
    </div>
</div>
[HTML] pobierz, plaintext 

CSS
.imgContent .imgContentImg {
background-image: url(/img/small/apartment-257344.jpg);
background-position: center;
background-size: cover;
min-height: 200px;
}

[trueblue]

Dodaj do pierwszej kolumny:

Kod

display: flex;

dodatkowo wstaw tam jeszcze jeden <div> (a w nim dopiero obrazek), temu elementowi nadaj:

Kod

flex-grow: 1;