IMAGE ZOOM HOVER EFFECT – Section Specific
section[data-section-id="6852b73dc7f3860d79e950be"] .sqs-block-image {
overflow: hidden !important; /* prevents image overflow during zoom */
}
section[data-section-id="6852b73dc7f3860d79e950be"] .sqs-block-image img {
transform: scale(1);
transition: transform 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
}
section[data-section-id="6852b73dc7f3860d79e950be"] .sqs-block-image:hover img {
transform: scale(1.1);
}
/* Optional: Disable Zoom on Mobile (best UX)*/
@media (max-width: 767px) {
section[data-section-id="6852b73dc7f3860d79e950be"] .sqs-block-image:hover img {
transform: none !important;
}
}
