/* ===== Reboot Image FX – Core Base Styles ===== */

.reboot-image-fx-wrapper {
    position: relative;
    display: inline-block;
    overflow: visible;
    line-height: 0;
    width: auto;
    max-width: 100%;
}

.reboot-image-fx-wrapper img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    will-change: transform, opacity, filter;
}

/* When effect is active, disable any CSS transitions that might conflict with GSAP */
.reboot-image-fx-wrapper[data-effect] img {
    transition: none !important;
}

/* Perspective container for 3D effects */
.reboot-image-fx-wrapper[data-effect="gsap_tilt_3d"] {
    perspective: 800px;
}