Sizing img elements to allow limited flexibility.
(for containers widthed in percentages)

<div style="background: #ccc; width: 95%;">
<img style="width: 100%; max-width: 800px;" src="pics/pattersonsCurse789.jpg" alt="">

See how the pic grows up to about the maximum of its native size of 789px and shrinks to whatever is the width of its grey container when the container gets less wide than the native width of the picture. Change the width of your browser viewport to see this.