stop grabbing of ghost image

src/pages/profile_page.html

@@ -93,8 +93,13 @@
 
 <div id="resize_photo_dialouge" class="card static_center hidden">
     <div id="image_container">
-        <img id="new_profile_image" alt="new-profile-image" />
+        <img
-        <div id="darken_part"></div>
+            id="new_profile_image"
+            alt="new-profile-image"
+            class="noselect"
+            draggable="false"
+        />
+        <!--<div id="darken_part"></div>-->
     </div>
     <div id="grab-area">
         <div id="box-scale-holder">

static/style.css

@@ -140,3 +140,12 @@ input::placeholder {
 .subtext {
     color: var(--text-muted);
 }
+
+.noselect {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}