Add explainer text and image

app.py

@@ -200,8 +200,17 @@ with gr.Blocks() as demo:
                 ## Interactive demo: Raising the Cost of Malicious AI-Powered Image Editing
             """)
     gr.HTML('''
-     <p style="margin-bottom: 10px; font-size: 94%">This is an unofficial demo for Photoguard, which is an approach to safe-guarding images against manipulation by ML-powerd photo-editing models such as stable diffusion through immunization of images. The demo is based on the <a href='https://github.com/MadryLab/photoguard' style='text-decoration: underline;' target='_blank'> Github </a> implementation provided by the authors.</p>
-              ''')
+     <p style="margin-bottom: 10px; font-size: 94%">This is an unofficial demo for Photoguard, which is an approach to safeguarding images against manipulation by ML-powered photo-editing models such as stable diffusion through immunization of images. The demo is based on the <a href='https://github.com/MadryLab/photoguard' style='text-decoration: underline;' target='_blank'> Github </a> implementation provided by the authors.</p>
+          ''')
+    gr.HTML('''
+    <img src="https://github.com/MadryLab/photoguard/blob/main/assets/hero_fig.PNG" style="width:40%" >
+    ''')
+    gr.HTML('''
+    <p style="margin-bottom: 10px; font-size: 94%"> A malevolent actor might download
+photos of people posted online and edit them maliciously using an off-the-shelf diffusion model. The adversary
+describes via a textual prompt the desired changes and then uses a diffusion model to generate a realistic
+image that matches the prompt (similar to the top row in the image). By immunizing the original image before the adversary can access it,
+we disrupt their ability to successfully perform such edits forcing them to generate unrealistic images (similar to the bottom row in the image). For a more detailed explanation, please read the accompanying <a href='https://arxiv.org/abs/2302.06588' style='text-decoration: underline;' target='_blank'> Paper </a> or <a href='https://gradientscience.org/photoguard/' style='text-decoration: underline;' target='_blank'> Blogpost </a>
     
     with gr.Column(): 
         with gr.Tab("Simple Image to Image"):