Overlay and scale of the image element on hover isn’t working as expected when overflow hidden is active.
What I want to archive: On mouse hover the image should scale 1.2 and the overlay color should be active.
What is happening: On mouse hover the hole div box is scaled.
Adding
%root% img {scale: 1.2;}
when “hover” is active in the editor removes the overlay completely. In all scenarios overflow: hidden is active on all states.
tdlr; Scale scales the div box not the image itself. Adding scale via custom css to the img tag overwrites the overlay.