On hover of a custom image point on google chrome - image is loaded again and again

[theurere2]

When using a custom image for a point on the map in google chrome the image is loaded again and again on image hover. Using google chrome version 89.0.4389.114. My map settings are:

    jquery("#" + MAP_ID).vectorMap({
        backgroundColor: "white",
        regionStyle: {
            initial: {
                fill: "#ecf0f1",
                stroke: "#9aaaab",
                "stroke-width": 1,
            },
            hover: {
                fill: "#959595",
                "fill-opacity": 1,
            },
        },
        markerStyle: {
            initial: {
                fill: "#319b42",
                image: "/typo3conf/ext/example/Resources/Public/Images/map-marker.png",
            },
        },
        map: map,
        markersSelectable: true,
        markersSelectableOne: true,
        markers: markers,
        onMarkerClick: function (evt: object, code: string) {
            //console.log('evt', evt, 'code', code);
            let markerId = "#map-marker-" + continent + "-" + code;
            jquery(markerId).siblings().removeClass("open");
            jquery(markerId).addClass("open");
            jquery(markerId + " .icon-x").click(function () {
                jquery(markerId).removeClass("open");
            });
        },
        zoomOnScroll: false
    });

See attached screenshot.