@media screen and (min-width:480px) {
    .product-size-image-container{
        width: 500px;
        height: 500px;
        position: relative;
        overflow: hidden;
    }
    .product-size-image-item{
        position: absolute;
        left: 0;
        top: 0;
        transform: translateX(120%);
        transition: all ease 1s;
    }
    .product-size-image-item-active{
        transform: translateX(0);
        transition: all ease 1s;
    }
    .product-size-image-item img{
        height: 500px;
        object-fit: contain;
    }
    .init-product-image-hide{
        transform: scale(0);
        transform-origin: center;
    }
}

@media screen and (max-width:480px) {
    .product-size-image-container{
        width: 265px;
        height: 265px;
        position: relative;
        overflow: hidden;
    }
    .product-size-image-item{
        position: absolute;
        transform: translateX(120%);
        transition: all ease 1s;
    }
    .product-size-image-item-active{
        transform: translateX(0);
        transition: all ease 1s;
    }
    .product-size-image-item img{
        width: 265px;
        height: 265px;
        object-fit: contain;
    }
    .init-product-image-hide{
        transform: scale(0);
        transform-origin: center;
    }
}