I'm struggling with aligning my bootstrap flexbox container properly. I want the image to remain horizontal on the left, while the title, description, and "powered by" sections stack vertically to its right. So far, all my attempts to achieve this have resulted in stacking all content boxes either horizontally or vertically. I prefer not to use floats. Is there a way to align the image horizontally and the text sections vertically without using floats?
https://i.sstatic.net/kOPQA.png
<div class="container">
<div class="d-flex justify-content-end flex-row my-flex-container ">
<div class="mr-auto p-2 my-flex-item"><img src="./images/webimage.png" alt="Mountain View"></div>
<div class="p-2 my-flex-item hello">Quoriron</div>
<div class="p-2 my-flex-item hello">Quoriron is a Quora clone, made with React/Redux and using Ruby-on-Rails as an APIQuoriron is a Quora clone, made with React/Redux and using Ruby-on-Rails as an APIQuoriron is a Quora clone, made with React/Redux and using Ruby-on-Rails as an API</div>
<div class="p-2 my-flex-item hello">Powered by: React, Rails</div>
</div>
</div>