Currently, the elements in the card are displayed inline, which is working fine. However, I am attempting to align this div
<div class="d-inline-flex align-top">I have tried removing the d-inline class, but now the text is going underneath the image.
<div class="card-body">
<div class="d-inline-flex"><img src="{{$estate->image}}" id="image"></div>
<div class="d-inline-flex align-top">
<h2>{{$estate->building_name}}</h2>
<p>{{$estate->address}}</p>
<p>{{$estate->extend}}</p>
<p>{{$estate->rooms}}</p>
</div>
</div>
For reference, here is the jsfiddle link.