If you remove
col-xs-4 from the quote, and
col-m-4 from the final
<h4> that will line them up one on top of the other. You had them set up as two columns on the same row when you used those two classes.
Also I would move everything between your style tags to the CSS box, and as much of the inline styling you used as possible too. While testing I removed the sizing from your
.image-size class, and added the classes
center-block. Since you’re using bootstrap. That will set you image to be centered, and to have a width of 100%, and a height of auto. Meaning it will change sizes with the screen. Instead of always being 800px wide.
And, I got rid of a few of your hard coded pixel margins for things like the
<ul> and your quote, and just wrapped them in a
<div> with the class
You can look at the changes on my copy on Codepen. Not much, but it fixes your responsiveness, your original question, and cleans up your code by using and external stylesheet.
Hope this helps