How do I adjust the bootstrap pop-over position?

As shown in the attached image, data is being displayed using pop-over of bootstrap for each country in the svg file. But in reality, the country is using a rectangular space that is larger than the picture, so pop-overs are attached to the far end of each country. Is there a way to change the absolute position of the pop-over? The relative position so that it comes out in the center of the country?

<pathid="Australia" class="land" data-title="Australia" data-toggle="popover" data-content="covid" data-placement="bottom" data-trigger=">

<script>
    $(function(){
        $('[data-toggle="popover"]').popover();
    });
</script>