emails: Fix the issues with image width overflow.

Images in the follow-up day 2 email were overflowing the main email
layout. To prevent that, we created a separate class to handle this.

(cherry picked from commit 673e98e982)

templates/zerver/emails/email.css

@@ -52,6 +52,12 @@ table.layout > tbody > tr > td {
     padding: 10px;
 }
 
+/* This class is used to ensure that the images' width
+   does not exceed the actual email layout width. */
+img.responsive-width {
+    max-width: 100%;
+}
+
 /* Our newsletters/marketing emails use a wider content width, to
    support more complex content with text to the side of images. */
 .container.wide-container {