How to set bootstrap3 panel under bootstrap4?

Question

css

Please tell me, there is such a panel on BS3: https://jsfiddle.net/12829L94/
How to do the same in BS4? It is necessary that the picture be on the left if the width of the window allows:

Otherwise, the picture is on top, headings and text below:

And if there is no picture, then like this: