.imageZoom {
            width: auto;
            height: auto;
            position: relative;
        }

        .imageZoom:hover {
            cursor: zoom-in;
        }

        .imageZoom img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 0 0;
        }

        .imageZoom::after {
            display: contents;
            content: '';
            width: 100%;
            height: 100%;
            background-color: black;
            background-image: var(--url);
            background-size: 180%;
            background-position: var(--zoom-x) var(--zoom-y);
            position: absolute;
            left: 0;
            top: 0;

        }


        /* When zoom is enabled */
        .imageZoom.zoom-enabled::after {
            display: block !important;

        }