/* Optimized ScrollShot Image Box Styles */
.scrollshot .stk-img-wrapper {
    position: relative;
    cursor: pointer;
    scrollbar-width: none;
    -ms-overflow-style: none;
    will-change: scroll-position;
    transform: translateZ(0); /* Hardware acceleration */
}

.scrollshot .stk-img-wrapper::-webkit-scrollbar {
    display: none;
}

.scrollshot .stk-img-wrapper > img {
    width: 100% !important;
    height: auto !important;
    display: block;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.35s ease;
    object-fit: unset !important;
    will-change: opacity;
    transform: translateZ(0); /* Hardware acceleration */
}

.scrollshot .stk-img-wrapper:hover > img {
    opacity: var(--sib-opacity, 0.7);
}

/* Performance optimization for mobile */
@media (max-width: 768px) {
    .scrollshot .stk-img-wrapper > img {
        transition: opacity 0.2s ease; /* Faster transition on mobile */
    }
}