.product-image-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top:0%;
    background: rgba(8, 12, 11, 0.84);
    z-index: 99999;
}

.product-image-overlay-close {
    position: fixed;
    top: 10px;
    left: 97%;
    font-size: 25px;
    color: white;
    z-index: 999;
}

.product-image-overlay > img {
    position: fixed;
    width: 40%;
    top: 10%;
    max-height: 80%;
}

@media (max-width: 767px) {
    .product-image-overlay-close {
        top: 15px;
        left: 95%;
    }
    .product-image-overlay > img {
        top: 10%;
        right:0%;
        right:0%;
        max-height: 80%;
    }
}

@media (max-width: 576px) {
    .product-image-overlay-close {
        top: 15px;
        left: 92%;
    }
}

@media (max-width: 365px) {
    .product-image-overlay-close {
        top: 15px;
        left: 92%;
    }
    .product-image-overlay > img {
        top: 10%;
        max-height: 80%;
    }
}

@media (max-width: 320px) {
    .product-image-overlay-close {
    }
}