/* Override Squarespace image loading styles */

/* Make all images visible immediately */
figure.loading img,
.thumb-image,
img[data-src],
img[data-image],
.sqs-gallery img,
.banner-thumbnail-wrapper img,
.content-fill img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Remove loading states */
figure.loading {
    opacity: 1 !important;
}

/* Ensure banner images display */
.banner-thumbnail-wrapper figure {
    opacity: 1 !important;
}

.banner-thumbnail-wrapper figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Fix gallery images */
.sqs-gallery .slide img {
    opacity: 1 !important;
    visibility: visible !important;
    max-width: 100%;
    height: auto;
}

/* Ensure content-fill images show */
.content-fill img {
    display: block !important;
    max-width: 100%;
    height: auto;
}

/* Remove any transition delays that might hide images */
img {
    transition: none !important;
}

/* Fix image block images */
.sqs-block-image img,
.image-block-wrapper img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make loaded class work properly */
img.loaded {
    opacity: 1 !important;
}

/* Ensure noscript fallback images are visible */
noscript + img {
    display: block !important;
}