How can I make this section of my webpage responsive?
<p>Here's the link to the page I made: <a href="https://thawing-savannah-89995.herokuapp.com/" rel="nofollow">https://thawing-savannah-89995.herokuapp.com/</a>
This is my first webpage I've made without help using only a PSD.</p>

<p>Here's a SS of the area I'm having issues with and keeps breaking when I shrink the browser size.  This layout was very difficult for me to think through and I don't think it should've been.  How can I better design the html and CSS for that part? </p>

<p><a href="https://i.stack.imgur.com/XpNgu.png" rel="nofollow"><img src="https://i.stack.imgur.com/XpNgu.png" alt="enter image description here"></a></p>