.pix-secondary-product-image-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 0;
}

.pix-secondary-product-image-wrap img {
    display: block;
    width: 100%;
}

.pix-secondary-product-image-primary,
.pix-secondary-product-image-secondary {
    transition: opacity .38s ease, transform .38s ease;
    will-change: opacity, transform;
}

.pix-secondary-product-image-secondary {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.04);
    pointer-events: none;
}

/* .pix-secondary-product-image-wrap.is-pix-secondary-loaded:hover .pix-secondary-product-image-primary,
.pix-secondary-product-image-wrap.is-pix-secondary-loaded:focus-within .pix-secondary-product-image-primary,
a:focus .pix-secondary-product-image-wrap.is-pix-secondary-loaded .pix-secondary-product-image-primary { */
    /* opacity: 0; */
    /* transform: scale(1.04); */
/* } */

.pix-secondary-product-image-wrap.is-pix-secondary-loaded:hover .pix-secondary-product-image-secondary,
.pix-secondary-product-image-wrap.is-pix-secondary-loaded:focus-within .pix-secondary-product-image-secondary,
a:focus .pix-secondary-product-image-wrap.is-pix-secondary-loaded .pix-secondary-product-image-secondary {
    opacity: 1;
    transform: scale(1);
}

.wc-block-grid__product-image .pix-secondary-product-image-wrap,
.wc-block-components-product-image .pix-secondary-product-image-wrap,
.pix-product-img-hover .pix-secondary-product-image-wrap {
    width: 100%;
}
.pix-product-full-img .pix-secondary-product-image-wrap {
    height: 100%;
}