[FIX] website_sale: fix shadow effect on the product

fixed box-shadow effect to fit perfectly on the product shop grid layout
and product carousel

task-2206930
Closes #47789

Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>

addons/website/static/src/scss/website.edit_mode.scss

@@ -20,10 +20,25 @@ $-editor-messages-margin-x: 2%;
 
 .o_editable {
     &:not(:empty), &[data-oe-type] {
-        &:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):hover,
+        &:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):not([data-oe-type="image"]):hover,
         &.o_editable_date_field_linked {
             box-shadow: $o-brand-odoo 0 0 5px 2px inset;
         }
+        &[data-oe-type="image"]:hover {
+            position: relative;
+
+            &:after {
+                content: "";
+                pointer-events: none;
+                position: absolute;
+                z-index: 1;
+                top: 0px;
+                left: 0px;
+                right: 0px;
+                bottom: 0px;
+                box-shadow: $o-brand-odoo 0 0 5px 2px inset;
+            }
+        }
     }
     &:focus, &[data-oe-type] {
         min-height: 0.8em;