entite image is now editable, add, delete. remains the alt field

src/assets/main.scss

@@ -1047,12 +1047,41 @@ body{
   border: #eee 2px solid;
   border-radius: 5px;
   padding: 0.3em!important;
-  margin-bottom: 1em;
+  margin: 1em 0 0;
   font-size: 0.756em;
   &>*{ 
     display: inline-block!important;
     padding: 0!important;
     cursor: pointer;
   }
-  
+}
+
+div.editable-image{
+  background: #eee;
+  max-width: 100%;
+  div.btn{
+    border: #eee 2px solid;
+    border-radius: 5px;
+    margin: 1em 0 0;
+    font-size: 1em;
+    width: 100%;
+    height: 100px;
+    line-height:100px;
+    text-align: center;
+    transition: all 0.2s ease-in-out;
+    position: relative;
+    >span{
+      display: inline-block;
+      vertical-align: middle;
+    }
+    cursor: pointer;
+    box-sizing: border-box;
+    &:hover{
+      border: #01ffe2 2px solid;
+    }
+
+  }
+  input[type="file"]{
+    display: none;
+  }
 }