Yoooooo @Waldo!!! Thanks for your response amigo.
So I removed the max-height style (thanks for that tip!). However, if you resize your browser you’ll see that the pic image is wrapping. Its just wrapping too soon and the text block isn’t ever becoming more narrow. Instead, the pic wraps as soon as the text+image are full width.
I have a min width set on the text block (and a max width also) but it just doesn’t seem to be working.
My ultimate plan is to have the phone wrap when the text hits a min width of 300px and on wrap to shrink the size of the phone and switch out the background to another image that have a smaller tablet that is lower on the page. Basically, just like the stripe/payments example I sent.
Would you have any thoughts on how to achieve this result? Muchas gracias in advance.