.product-image-animation .product-dotted-grid{
    position: absolute;
    z-index: -1;
}
.product-image-animation .product-image{
    position: absolute;
    z-index: 1;
}

@media only screen and (max-width: 1199px) {
    .product-image-animation .product-dotted-grid{
        transform:translateX(-680px) translateY(-150px) !important;
    }
    .product-image-animation .product-image{
        transform:translateX(-380px) translateY(0px) !important;
    }
}
@media only screen and (max-width: 991px) {
    .product-image-animation .product-dotted-grid{
        display: none;
        visibility: hidden;
    }
    .product-image-animation .product-image{
        transform: unset !important;
        width: 90%;
        margin: 0 auto;
        left: 0;
        right: 0;
        position: relative;
    }
    .product-image-animation .product-image img{
        transform: unset !important;
    }
}