Update index.html

index.html

@@ -36,7 +36,7 @@
           }
       }
       @media only screen and (min-width: 901px) {
-          img{
+          .is-centered img{
             width: 80vw !important
           }
       }
@@ -332,13 +332,12 @@
       <div class="columns is-centered has-text-centered">
         <h2 class="title is-3">Interactive Demo</h2>
       </div>
-      <iframe
-      	src="https://editing-images-ledtisplusplus.hf.space"
-      	frameborder="0"
-      	width="850"
-      	height="800"
-      ></iframe>
-
+      <script
+      	type="module"
+      	src="https://gradio.s3-us-west-2.amazonaws.com/3.43.0/gradio.js"
+      ></script>
+      
+      <gradio-app src="https://editing-images-ledtisplusplus.hf.space"></gradio-app>
 
     </div>
 </section>