How to achieve profile card with this layout [on hold]

I am struggling to achieve best result for this specific layout, what is the best method to achieve this layout so it work responsive.

    <div class="profile-card"> <div class="profile-img card-panel"><img src="https://georgeandcobw.com.au/wp-content/uploads/2018/10/Placeholder-head-shot-.jpg" alt="" width="196" height="236" /></div> <div class="profile-detail card-panel"> <h3>George Kallifidas</h3> <div class="profile-title"><span class="job">Owner</span> <div class="profile-link"><a href="#"><span class="fa fa-linkedin"><i>Linkedin</i></span></a> <a href="#"><span class="fa fa fa-phone"><i>Phone</i></span></a> <a href="#"><span class="fa fa-envelope-o"><i>Mail</i></span></a></div> </div> </div> <div class="profile-par card-panel">  Tis aut mi, expliquam fugiatiorem quam di offici venim int, similiti omniendempor rerum est int latem. Tis aut mi, expliquam fugiatiorem quam di offici venim int, similiti omniendempor rerum est int latem. Tis aut mi, expliquam fugiatiorem quam di offici venim int, similiti omniendempor rerum est int latem.  </div> </div> 

enter image description here