How can I have the image placed to the right and info on left



use flex or grid css How CSS Positioning and Flexbox Work – Explained with Examples

live example https://codepen.io/onlyhasbi/pen/bGMowgo

You can wrap the image in a div and all the info elements in another div in the same container. Than apply display: flex to the container.
Ps. grid will also work in a similar way.

You can use display grid or display flex. I would suggest to wrap the text inside a div