/* Animated image — i2t3 component styles
 * Effect via i2t3_imageanimation_effect:
 *  - reveal: scroll-reveal in (shared animations.css + scroll-reveal.js)
 *  - scroll-rotate / hover-3d / magnetic: driven by the own script
 *  - hover-zoom: pure CSS
 */

.i2t3-imageanimation__img { max-width: 100%; height: auto; display: block; }
.i2t3-imageanimation__fx .i2t3-imageanimation__img { transition: transform .25s ease; will-change: transform; }

/* hover-zoom (pure CSS) */
.i2t3-imageanimation--hover-zoom .i2t3-imageanimation__media { overflow: hidden; }
.i2t3-imageanimation--hover-zoom .i2t3-imageanimation__media:hover .i2t3-imageanimation__img { transform: scale(1.12); }

/* hover-3d / magnetic need a stable origin */
.i2t3-imageanimation--hover-3d .i2t3-imageanimation__media,
.i2t3-imageanimation--magnetic .i2t3-imageanimation__media { perspective: 800px; }