Positionnement d'image par rapport à une autre

[SgabyZ]

Bonjour;
Je suis étudiant et je travaille actuellement sur un projet personnel de réalisation d'un petit site design responsive permettant de faire découvrir la France via une carte et des pinpoints. J'ai un petit gros problème avec mes pinpoints. J'ai 10 pinpoints Svg sur ma carte Svg (chacun est indépendant), et ma carte est une image qui n'appartient pas au fond briqué. Lorsque je réduis la taille de mon écran, la carte de la France s'adapte parfaitement (grâce à ses bords) mais en revanche les pinpoints se déplacent en tenant compte du fond (positionnement en %) donc provoquant un gros décalage avec ma carte. Vous avez deux images ci-jointes : la 1re est une capture Pc et la 2ème est une capture sur écran de téléphone. Vous observez un gros décalage (flèche bleue). Je vous transmets une partie de mon code Css :  

#conteneur img{ //conteneur comprenant l ensemble des pinpoints
 transition: scale(2,2); //scale permettant de reduire la taille des pinpoints
}


.france{  //carte de fond
	width:98%;
	height:98%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	filter: drop-shadow(0 0 0.8rem red); //filtre neon
}


.routes_des_cretes { //pinpoints
	width:8%;
	height:8%;
	top: 79%;
	left: 58%;
	position: fixed;
  transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border: none;
	filter: drop-shadow(0 0 0.75rem blue); //filtre neon

}
.routes_des_cretes:hover { //survole
	filter: drop-shadow(0 0 0.75rem blue); //changement de couleur au survole
}

J'aimerais donc pouvoir me baser sur ma carte pour pouvoir positionner mes pinpoints correctement mais je ne sais pas comment faire.

J'ai ensuite un deuxième qui concerne l'effet néon de mes pinpoints lors du survole. Le rayon d'action d'action du hover est beaucoup trop important ce qui interfère avec d'autres pinpoints lorsqu'ils sont rapprochés. Par exemple, dans le sud de ma carte, j'en ai 3 qui sont rapprochés et lorsque je survole celui du milieu ça me change de couleur celui de droite ou de gauche. Je ne sais absolument pas comment régler mes 2 problèmes!
Je vous remercie par avance pour votre aide !
Gabriel