Answers for "hover zoom"

zoom image on hover

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

on hover zoom card

transform: scale(1.5);

enable the zoom on hover

<var name="magnifier">
        <var name="fullscreenzoom">20</var>  <!-- Zoom for fullscreen (integer)-->
        <var name="top"></var> <!-- Top position of magnifier -->
        <var name="left"></var> <!-- Left position of magnifier -->
        <var name="width">400</var> <!-- Width of magnifier block -->
        <var name="height">400</var> <!-- Height of magnifier block -->
        <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
        <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
</var>