.product-360-viewer {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    cursor: grab;
    
}

.product-360-viewer {
    background-size: cover;
    background-position: center center;
    width: 100%;
    aspect-ratio: 1;
}

.spritespin-instance {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
}

.product-360-viewer .pv-overlay {
    position: absolute;
    top:0;
    transition: top 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    background-size: 65px;
    background-repeat: no-repeat; 
    background-position: bottom 10px center;
}

.product-360-viewer:hover .pv-overlay {
    transition: top 0.3s ease-in-out;
    top: 100%;
}