.products .has-video-thumbnail .product-inner .image-wrap {
    .video-thumbnail {
        position: absolute;
        inset: 0;
        margin: auto;
        aspect-ratio: 1 / 1;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .woo-entry-image-main {
        opacity: 1;
    }

    .video-thumbnail, .woo-entry-image-main {
        transition: visibility, opacity;
        transition-duration: 0.3s;
    }

    &:is(:hover, :focus-visible), &.image-wrap-hover {
        .woo-entry-image-main {
            visibility: hidden;
            opacity: 0;
        }

        .video-thumbnail {
            visibility: visible;
            opacity: 1;
        }
    }
}

.woocommerce-product-gallery__video-thumb {
    text-align: center;
}