This design pattern on responsive websites is my number one pet peeve as a front-end developer - gradually make your browser narrower to see why. It looks great at full width, and fine when the columns stack. But until it stacks, the photo gets proportionately shorter as it gets narrower, while the text breaks to more lines (getting taller) as it gets narrower. So, unless we make the text smaller at an intermediate breakpoint, change the aspect ratio of the photo, or leave a ton of white space at the widest view, we are going to hit a point where the text is taller than the photo. None of these explanations or solutions tend to make designers, copy writers, or clients happy.